Node-REDでWebサーバを作ってみる

今回はNode-REDでWebサーバを作ってみます。といっても、イチから作るのは面倒なので、以前紹介したサンプルフローを読み込んで動きを確認します。

サンプルフローの読み込みと動作確認

メニューの「読み込み」から「サンプル > flows > node-red > network > http > 01 - Create HTTP Endpoint」を選択して「読み込み」を選択します。


フローエディタにそれっぽいものが表示されたら「デプロイ」して準備完了です。上部の「Create an HTTP Endpoint」のコメントが入っている箇所がWebサーバの実装（たった3ノード！）、下部の「Send HTTP request: http://localhost:1880/hello」のコメントが入っている箇所が動作確認のためのフローです。

2つあるinjectノードのどちらでもいいので、ボタンを選択してフローを実行してみましょう。デバッグウィンドウに「Hello World」を含むHTMLが出力されます。


このままブラウザから「http://localhost:1880/hello」にアクセスしてみると、ブラウザ上に「Hello World」と表示されるはずです。

ノードプロパティ

念のため各ノードの設定を見ていきます。
  • Webサーバ
    • http inノード
      • URL: /helloでGETメソッドによるアクセスを待ち受けます
    • templateノード
      • msg.payloadにHTMLを設定して、次のノードにmsgオブジェクトを渡します
      • 今回のサンプルでは、固定のHTMLを指定しているだけですが、Mustacheテンプレートと呼ばれるタグと値を別々に指定して動的に文字列を構築することもできます
    • http responseノード
      • msg.payloadの内容をbody部に指定して、HTTPレスポンスを返します
      • http inノードで受けたリクエストは、必ずhttp responseノードでレスポンスを返さなくてはいけません
      • http responseノードでレスポンスを返さないと、クライアントがタイムアウトします（タイムアウトを実装していなければ永久に待ち続けます）
  • HTTPクライアント1
    • injectノード
      • プロパティに値を設定することなく単にフローの起動だけ行います
    • http requestノード
      • ノードプロパティ上でURLに「http://localhost:1880/hello」を指定します
      • フローが実行されると指定したURLにリクエストを送りレスポンスを待ちます
    • debugノード
      • msg.payloadの内容をログ出力します
  • HTTPクライアント2
    • injectノード
    • http requestノード
      • URLには何も指定しません（一つ前のinjectノードで指定する）
      • フローが実行されるとURLにリクエストを送りレスポンスを待ちます
    • debugノード
      • msg.payloadの内容をログ出力します

まとめ

サンプルフローを利用して、何も考えなくてもWebサーバができました。今回読み込んだサンプルは静的なページしか表示しないので面白みはありませんが、ページに表示する内容を動的に変更できるサンプルもあるので適当に読み込んでみると良さそうです。

コメント

コメントを投稿

このブログの人気の投稿

Execノードを使う

イメージ
ここのところずっと Node-RED のサンプルを見ながら各ノードの使い方を確認しています。 頭出しの記事はこちら をご確認ください。今回はExecノードです。Execノードを使うと外部のコマンドを実行することができます。コマンドが出力した、標準出力や標準エラー出力などをノードから出力できます。 標準出力の内容を出力する 最初に確認するサンプルは「 flows > node-red > function > exec > 01 - Get standard output from external command 」です。 Execノードのプロパティを見ると以下の通りになっています。 実行コマンドは「 echo 」 msg.payload で受け取った値を引数として利用 出力モードは「 コマンド終了時 - execモード 」 コマンド終了時に結果を出力します Execノードには出力ポートが3つあります。 標準出力 標準エラー出力 返却コード 実行すると、標準出力には「 Hello World! 」、返却コードには「 {code : 0} 」が出力されます。この挙動は特に説明することはないかと思います。 標準エラー出力の内容を出力する 次に確認するサンプルは「 flows > node-red > function > exec > 02 - Get error output from external command 」です。外部コマンドのエラーをポートに出力します。中身は先程のサンプルフローとほぼ同じですが、Execノードで存在しないコマンドを実行しています。 実行すると、以下のログが出力されます。これも説明不要かと思います。 実行中に出力する 最後に確認するサンプルは「 flows > node-red > function > exec > 03 - Run external command in spawn mode 」です。出力がコマンド実行中に行われるのがこれまでのサンプルと違う点です。 コマンドはwhieループ内で2秒おきに「 Hello 」を標準出力に出力し続けます。Spawnモードで実行するとループ内でechoコマンドが実行されるたびにログが出力されます。サービスっぽい挙動をす
続きを読む

Joinノードを使う（その4）

イメージ
ここのところずっと Node-RED のサンプルを見ながら各ノードの使い方を確認しています。 頭出しの記事はこちら をご確認ください。今回はJoinノードの4回目です。終わらねぇ。 確認するサンプルは、 前回 に引き続き「 読み込み > サンプル > flows > node-red > sequence > join > 02 - Manual join mode 」です。 メッセージを結合してkey/valueオブジェクトにする 5段目のフローから見ていきます。ざっくりとした流れは以下のとおりです。 DataノードでCSVデータを送信する CsvノードでCSVデータをJSONオブジェクトに変換する msg.payloadには以下のような値が指定されたメッセージ4つに分解される { name: "Apple", price: 100 } Changeノードでmsg.payload内の値を以下のプロパティに設定する msg.topic = "Apple"（msg.payload.nameの値） msg.payload = 100（msg.payload.priceの値） Joinノードで、2個の受信メッセージごとにmsg.topicの値をキーとしてkey/valueオブジェクトに結合して送信する これを実行すると、以下のようにmsg.payloadにJSONオブジェクトが指定されていることを確認できます。 メッセージを結合して結合オブジェクトにする 先ほどは結合した値がkey/valueオブジェクトでしたが、6段目のフローでは単純にオブジェクト結合します。ざっくりとした流れは以下のとおりです。 DataノードでJSON配列を送信する nameをキーに持つオブジェクトとpriceをキーに持つオブジェクトを交互に含んでいます（実際、こんなに都合の良いデータが生成されることはあるんだろうか） Splitノードで配列データを個別のメッセージに分割します Joinノードで、2個の受信メッセージごとにオブジェクトに結合して送信する これを実行すると、以下のようにmsg.payloadに2個ずつのオブジェクトがJSONオブジェクトに結合されたものが指定されていることを確認できます。ちなみに、Joinノード
続きを読む

SendGridのX-SMTPAPIヘッダの使い方（Section Tags、Substitution Tags編）

イメージ
前回に引き続き SendGrid についてです。 今回は SMTP API を使ってみました。 SMTP APIについて SendGridのSMTP APIは基本的には普通のSMTPプロトコルに則ったものですが、X-SMTPAPIヘッダというカスタムヘッダを使うことで機能を拡張することができます。 X-SMTPAPIヘッダについて X-SMTPAPIヘッダはSMTPプロトコルの拡張ヘッダです。 X-SMTPAPI: { "category": "newuser" } みたいな感じでJSON形式でパラメータを与えることで機能を拡張します。 Section TagsとSubstitution Tagsについて 今回はSMTP APIで使える機能のうちSection TagsとSubstitution Tagsを使ってみました。 Section TagsとSubsitution Tagsは送信メールの内容を宛先毎に特定の文字列を置換するための機能です。toと合わせて使うことで機能します。 例えば、X-SMTPAPIヘッダの値を以下のような形にします。 { "to": ["test1@xxx.xxx", "test2@yyy.yyy"], "sub": { "-body-": [ "-bodyFemale-", "-bodyMale-" ], "-favorite-": [ "バナナ", "カツオ" ], " "-nickname-": [ "ミキ", "サブロー" ] }, "section": { " "-bodyFemale-": "-nickname-さん！女性向けの商品のご紹介です。", "-bodyMale": "-nickn
続きを読む