Node-REDでプロトタイピング - お手軽テストダブルのデモ -

年忘れLT宴会＜第60回IT勉強宴会＞でLT発表＆デモしました。

Node－redでプロトタイピング from Makoto SAKAI

テストダブルの必要性

ソフトウェア開発をしていると、スタブ、ドライバ、モック、シミュレータといったいわゆるテストダブルが必要な時があります。

単体テストする時だけでなく、通信相手の開発が遅くなる時や、並行開発する際にインタフェースだけプロトタイプで開発してそれをテストダブルとして利用するなど、テストや開発で様々なパターンがあるでしょう。

特に初めての環境であったり、ユーザインタフェースの確認、 性能を確認するなど、確認したい部分をプロトタイピングする時には、テストダブルが必要になります。

テストダブルは様々な場面で活躍してくれますが、その開発に工数がかかっていては効果が半減してしまいます。そこで、Node-REDで簡単に開発しましょう！と言う提案です。

デモ内容

バーコードリーダーをあてると、商品の説明と価格が表示される機械を考えてみます。
今回は商品コードだけを使いましたが、顧客毎に割引された価格が表示されるなら、展示会やショールームなどで使えるかも知れません。

商品の説明と価格はサーバーから得ます。端末からHTTP POSTで送信された商品コードで検索し、商品の説明と価格を返します。

クライアント端末は製造に時間がかかるので、Web画面で商品コードを入力し、送信ボタンを押すとサーバーにPOSTして、レスポンスで得られたテキストを表示します。

プログラムの説明

サーバーはひとまずif分でレスポンスを変更する様にしました。DBの代わりにグローバルオブジェクトを用いるとそれっぽくなるでしょう。本格的に作るときは専用のノードがありますので、DBサーバーを立てるか、SQLiteで良いかも知れません。

クライアントはテキスト入力を同一タブ内で有効なフロー変数に保存しておき、送信ボタンを押すとその内容を送信します。テキスト入力ノードのディレイを0秒にして改行で送信すればボタンを無くせますが、拡張性を考慮しました。

テキスト入力ノードをUSBやシリアルから読み出すノードに変更すればバーコードリーダーをつなげられるでしょう。また、RFタグのリーダーなど、他のハードを繋ぐことも可能でしょう。

デモソース

ソースは以下になります。今回は簡単にGUIが開発できるDashboardを使いましたので、右上のメニューにあるパレットの管理でインストールしてから、Node-REDに読み込んでください。

サーバー

[{"id":"7c32ce8d.77cc38","type":"inject","z":"8c744ef0.8bd2","name":"","topic":"","payload":"123","payloadType":"num","repeat":"","crontab":"","once":false,"x":110,"y":60,"wires":[["e15b4f84.58a68"]]},{"id":"e15b4f84.58a68","type":"function","z":"8c744ef0.8bd2","name":"商品名、価格、案内を返す","func":"var res = {};\n\nif (msg.payload == 123) {\n    res.name = '守破離';\n    res.price = 2780;\n    res.info = '澤屋松本のイチオシ';\n}\nelse if (msg.payload == 456) {\n    res.name = '蒼空';\n    res.price = 2480;\n    res.info = 'こだわりの一品。<br>ボトルもおしゃれ';\n}\nelse if (msg.payload == 789) {\n    res.name = '菊理姫';\n    res.price = 21600;\n    res.info = '長期保存した日本酒';\n}\nelse {\n    res.name = 'ビール';\n    res.price = 560;\n    res.info = 'とりあえずビール';\n}\nmsg.payload = res;\nreturn msg;","outputs":1,"noerr":0,"x":340,"y":180,"wires":[["a31c73c1.3cc258","245e6ca8.fad00c"]]},{"id":"a31c73c1.3cc258","type":"debug","z":"8c744ef0.8bd2","name":"","active":true,"console":"false","complete":"false","x":510,"y":100,"wires":[]},{"id":"2b419071.9f79","type":"inject","z":"8c744ef0.8bd2","name":"","topic":"","payload":"456","payloadType":"num","repeat":"","crontab":"","once":false,"x":110,"y":100,"wires":[["e15b4f84.58a68"]]},{"id":"8cd33349.a4b08","type":"inject","z":"8c744ef0.8bd2","name":"","topic":"","payload":"789","payloadType":"num","repeat":"","crontab":"","once":false,"x":110,"y":140,"wires":[["e15b4f84.58a68"]]},{"id":"7c9f32e8.81827c","type":"http in","z":"8c744ef0.8bd2","name":"","url":"/it","method":"post","upload":false,"swaggerDoc":"","x":110,"y":220,"wires":[["e15b4f84.58a68","3eb2ac5d.d38b1c"]]},{"id":"245e6ca8.fad00c","type":"http response","z":"8c744ef0.8bd2","name":"","statusCode":"","headers":{},"x":530,"y":260,"wires":[]},{"id":"3eb2ac5d.d38b1c","type":"debug","z":"8c744ef0.8bd2","name":"","active":true,"console":"false","complete":"false","x":290,"y":260,"wires":[]}]

クライアント（テストアプリ）

[{"id":"aa2c23a8.b7e57","type":"change","z":"2a593261.60da5e","name":"","rules":[{"t":"set","p":"code","pt":"flow","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":280,"y":60,"wires":[[]]},{"id":"3ab3f116.56f756","type":"ui_button","z":"2a593261.60da5e","name":"","group":"59c5ecea.dd396c","order":2,"width":"1","height":"1","passthru":false,"label":"送信","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":90,"y":120,"wires":[["d931606f.145978"]]},{"id":"7440b009.a323e8","type":"ui_text_input","z":"2a593261.60da5e","name":"","label":"商品コード","group":"59c5ecea.dd396c","order":1,"width":"5","height":"1","passthru":true,"mode":"text","delay":300,"topic":"","x":110,"y":60,"wires":[["aa2c23a8.b7e57"]]},{"id":"d931606f.145978","type":"change","z":"2a593261.60da5e","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"code","tot":"flow"}],"action":"","property":"","from":"","to":"","reg":false,"x":290,"y":121,"wires":[["e0fbf2c1.17aaf8"]]},{"id":"e0fbf2c1.17aaf8","type":"http request","z":"2a593261.60da5e","name":"","method":"POST","ret":"obj","url":"http://localhost:1880/it","tls":"","x":240,"y":221,"wires":[["33c2a045.95434","45032937.a87a1","5063a87f.9dcaf8","d8101376.e1a388"]]},{"id":"33c2a045.95434","type":"ui_text","z":"2a593261.60da5e","group":"59c5ecea.dd396c","order":3,"width":0,"height":0,"name":"","label":"商品名","format":"{{msg.payload.name}}","layout":"row-left","x":410,"y":221,"wires":[]},{"id":"5063a87f.9dcaf8","type":"ui_text","z":"2a593261.60da5e","group":"59c5ecea.dd396c","order":4,"width":0,"height":0,"name":"","label":"ご案内","format":"{{msg.payload.info}}","layout":"row-left","x":410,"y":260,"wires":[]},{"id":"45032937.a87a1","type":"ui_text","z":"2a593261.60da5e","group":"59c5ecea.dd396c","order":5,"width":0,"height":0,"name":"","label":"価格","format":"{{msg.payload.price}}","layout":"row-spread","x":410,"y":300,"wires":[]},{"id":"d8101376.e1a388","type":"debug","z":"2a593261.60da5e","name":"","active":true,"console":"false","complete":"false","x":430,"y":181,"wires":[]},{"id":"59c5ecea.dd396c","type":"ui_group","z":"","name":"テストクライアント","tab":"a2dc97a0.744cc","disp":true,"width":"6"},{"id":"a2dc97a0.744cc","type":"ui_tab","z":"","name":"IT宴会","icon":"dashboard"}]