今回やること
JSON BOXをNoodlで使う
https://jsonbox.io/
JSON BOXとは
HTTPリクエストでJSONデータの追加・更新・取得などができるサービス。
無料で、30日間だけ保管してくれます。簡易的にDB使いたい時に便利です。
JSON BOXのDoc
https://github.com/vasanthv/jsonbox#readme
NoodlでJSON BOX
新しいJSON BOX IDを取得
https://jsonbox.io/ にアクセスするだけで、新しくJSON BOXが生成されます。
ドメインの下のbox_XXXXXX がJSONBOXのIDです。
https://jsonbox.io/【これがJSON BOX ID】
POST: 新しくデータを追加
新しくデータを追加したい時に使います。
同じデータでも、POSTで送ると別のIDが割り振られた違うデータになります。
RESTノードの設定
Resource: JSON BOXのID
Method: POST
Endpoint: https://jsonbox.io
RESTノードの中身
define({
// The input ports of the REST node, name of input and type
inputs:{
//ExampleInput:'number',
name:'string',
age:'number',
countory:'string'
},
// The output ports of the REST node, name of output and type
outputs:{
//ExampleOutput:'string',
},
request:function(inputs,request) {
request.headers = {
dataType: "json",
contentType: "application/json"};
request.content ={
name: inputs.name,
age: inputs.age,
countory: inputs.countory
}
},
response:function(outputs,response) {
}
})
GET: 登録したデータの取得
登録したデータの一覧を取得します。
RESTノードの設定
Resource: JSON BOXのID
Method: GET
Endpoint: https://jsonbox.io
RESTノードの中身
define({
// The input ports of the REST node, name of input and type
inputs:{
//ExampleInput:'number',
},
// The output ports of the REST node, name of output and type
outputs:{
//ExampleOutput:'string',
},
request:function(inputs,request) {
request.headers = {"content-type": "application/json"};
},
response:function(outputs,response) {
console.log(response.content);
}
})
結果
IDを指定して、特定のデータだけ取り出したい時
RESTノードの設定をこのように変更すると、特定の一個を取り出すことができます。
Resource: /【自分のBOX ID】/【データのID】
define({
// The input ports of the REST node, name of input and type
inputs:{
//ExampleInput:'number',
},
// The output ports of the REST node, name of output and type
outputs:{
//ExampleOutput:'string',
name:'string',
age:'number',
countory:'string'
},
request:function(inputs,request) {
request.headers = {"content-type": "application/json"};
},
response:function(outputs,response) {
console.log(response.content);
outputs.name = response.content.name;
outputs.age = response.content.age;
outputs.countory = response.content.countory;
}
})
PUT: データの更新
更新したいデータのIDを指定して、登録したデータの更新をします。
データのIDはGETで確かめてください。
RESTノードの設定
Resource: /【自分のBOX ID】/【データのID】
Method: PUT
Endpoint: https://jsonbox.io
RESTノードの中身
define({
// The input ports of the REST node, name of input and type
inputs:{
//ExampleInput:'number',
name:'string',
age:'number',
countory:'string'
},
// The output ports of the REST node, name of output and type
outputs:{
//ExampleOutput:'string',
},
request:function(inputs,request) {
request.headers = {
dataType: "json",
contentType: "application/json"};
request.content ={
name: inputs.name,
age: inputs.age,
countory: inputs.countory
}
},
response:function(outputs,response) {
}
})
結果
PUTで更新したあと、GETしてください。
きちんと修正が反映されていれば成功です。
完成！
NoodlからJSON BOXを作ることができました！