Slackからデジタルサイネージにメッセージを表示する – その2 ESP8266によるHTTP GETリクエスト –

先週紹介したSlackからデジタルサイネージにメッセージを表示する。では、Slackで指定したメッセージをデジタルサイネージに表示させるため、サーバーを実装するところまで説明しました。本記事では、デジタルサイネージ側からサーバーにあるメッセージを取得します。具体的には、ESP8266でのHTTP GETリクエスト処理について解説します。

当例ではESP8266のプログラミングはArduino IDEを用いて行いますが、環境構築については公式ドキュメントか日本語の紹介記事をご覧ください。

ライブラリのインクルードとWiFi情報の用意

ESP8266でHTTPリクエストを行うにはいくつかの方法がありますが、今回はESP8266HTTPClientを使った方法を紹介します。はじめに必要なライブラリをインクルードして、WiFiに接続するためのSSIDとパスワードを用意します。

#include 
#include 

char ssid[] = "";
char password[] = "";

WiFi接続/切断・JSONレスポンスの表示

setup関数を記述します。サーバーからメッセージを一度だけ取得するのでほとんどの処理がこの関数に書かれています。処理ごとに確認していきましょう。

Arduino IDEのシリアルモニタから出力を確認するためにシリアル接続を設定します。シリアルモニタはIDEの右上にある虫眼鏡のようなアイコンをクリックして表示されるウィンドウです。

スクリーンショット 2017-11-02 19.14.50

シリアルモニタを開いたら、右下にあるボーレートを9600bpsから115200bpsに変更しておきましょう。while(!Serial){}はシリアルの接続が確立するまで次の処理を待ちます。

void setup() {
  Serial.begin(115200);
  while(!Serial) {}

...

続けてWiFi接続を行います。WiFi.mode()はESP8266のWiFi機能を親機や子機、または両方として設定できます。下記のコードでは子機となります。

...

WiFi.mode(WIFI_STA);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
  delay(100);
}
Serial.println("Connected!");

...

setup関数最後の処理は、HTTPリクエスト後に受け取ったJSONメッセージの表示とWiFiの切断です。fetchMessage関数は次のセクションで定義します。

...

  String message = fetchMessage("");
  Serial.println(message);

  WiFi.disconnect();
  Serial.println("Disconnected!");
}

ESP8266でのGETリクエスト

fetchMessage関数を定義し、GETリクエストの処理を記述します。接続先のURLを引数として受け取り,
http.GET()で実際にGETリクエストを行います。その後httpCodeの値によって条件分岐をかけていますが0以上の場合は200, 404のようなHTTPステータスコードが含まれています。マイナスの値はリクエストがなにかしらの理由で失敗した場合に使われます。例えば-4はネットワークの接続が切れていることを示します。

String fetchMessage(char host[]) {
  HTTPClient http;

  http.begin(host);
  int httpCode = http.GET();

  String payload = "";

  if (httpCode > 0) {
    Serial.printf("HTTP GET ... code: %d\n", httpCode);
    if (httpCode == HTTP_CODE_OK) {
      payload = http.getString();
    }
  } else {
    Serial.printf("HTTP GET failed, error: %s\n", http.errorToString(httpCode).c_str());
  }

  http.end();
  return payload;
}

今回は何も処理を記述しませんが、存在しない場合はエラーとなるのでloop()関数を末尾に追加します。

void loop() {}

動作確認

必要なコーディングは以上です。それではスケッチをESP8266に書き込み、シリアルモニタから設定したメッセージが表示されることを確認しましょう。下図のような出力が得られれば成功です。(コードの全体像はこちら)

スクリーンショット 2017-11-02 18.25.11

これで前回用意したサーバーからメッセージを取得することに成功しました。

次回は最終回として、受け取ったJSONレスポンスをパースし、デジタルサイネージに表示させる方法について解説します。XSHELLに関する最新情報は@xshell_incで確認できますので、ぜひフォローしてください

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中