M5Stackの計測データをWiFiを使ってPCやスマホで確認

こんにちは、ぜろはちです。

以前の記事でM5Stackと温度センサを使った気温計の作り方を紹介しました。

この気温計はM5Stackのディスプレイに表示するシンプルなものでした。M5StackにはWiFiが備わっていますので、せっかくなら離れた位置からPCやスマホで確認したいですよね。

今回、M5StackをWebサーバー化し、M5Stackで計測した温度データをPCやスマホから確認出来るシステムを作ったので紹介します。

M5Stackを屋外に置いて、外の気温も離れた位置から確認出来るようになって便利です。

こんな人におすすめ！

M5Stackを使って温度データ計測したい人
M5StackをWebサーバーにしてPCやスマホからデータ確認したい人

準備したもの
システム構成
まずはプログラム全体像を把握しよう
プログラム解説
測定した温度をPCから確認してみよう
まとめ

準備したもの

M5Stack Basic
温度センサ ADT7410
ジャンパワイヤオス-メス
WiFiルーター
PCまたはスマホ

システム構成

システム構成は下図になります。M5StackとADT7410がジャンパワイヤで接続されています。M5StackはADT7410から温度データを受信します。この温度データをWiFiルーターを経由してPCやスマホから確認します。

まずはプログラム全体像を把握しよう

M5StackをWebサーバー化し、M5Stackで計測した温度データをPCやスマホから確認出来るようにするプログラムです。それぞれのコードが何をしているかは後ほど解説します。

尚、温度センサの温度を読み取るプログラム「TempMeasurement()」部の解説は今回割愛します。知りたい方は以前の記事も是非読んで下さい。

M5Stackと温度センサADT7410を使った気温計の作り方

こんにちは。ゼロハチです。今回は、M5Stackを使って気温計を作ったので、作り方を紹介しちゃいます。温度センサにはADT7410というものを使いました。この温度センサは、I2C通信出来るので、M5Stackとの接続が非常...

#include <M5Stack.h>
#include <WebServer.h>
#include <ESPmDNS.h>

int address = 0x48; // ADT7410温度センサのアドレス

const char* ssid = "**********";
const char* password = "**********";

WebServer server(80); // WebServerオブジェクト作成

float temp;

void handleRoot();
void handleTemp();
void handleNotFound();
void WiFiConnect();
float TempMeasurement();

void setup() {
  M5.begin();
  M5.Lcd.setTextSize(2);
  // 内部プルアップ抵抗有効化
  pinMode(21, INPUT_PULLUP);
  pinMode(22, INPUT_PULLUP);
  Serial.begin(9600); // 通信速度を9600bpsに設定
  Wire.begin(); // I2Cバスにマスタとして接続
  
  WiFiConnect(); // WiFi接続

  //マルチキャストDNSにホスト名を登録
  if(MDNS.begin("m5stack")){
    M5.Lcd.println("MDNS responder started");
  }

  server.on("/", handleTemp); // URLにアクセスされた際の動作を登録
  server.onNotFound(handleNotFound); // server.onで登録されていないURLにアクセスされた際の動作を登録
  server.begin(); // クライアントからの接続応答待ちを開始
  M5.Lcd.println("HTTP server started");
}

void loop() {
  server.handleClient();
}

void WiFiConnect(){
  WiFi.begin(ssid,password);
  while(WiFi.status() != WL_CONNECTED){
    delay(500);
    M5.Lcd.print('.');
  }
  M5.Lcd.print("\r\nWiFi connected\r\nIP address: ");
  M5.Lcd.println(WiFi.localIP());
}

void handleTemp(){
  char buf[400];
  temp = TempMeasurement();
  
  sprintf(buf, 
    "<html>\
     <head>\
        <title>Temperature Measurement</title>\
     </head>\
     <body>\
        <h1>M5Stack ADT7410 Temperature Measurement</h1>\
        <p>Temp: %.2f 'C</p>\
     </body>\
     </html>",
  temp);
  server.send(200, "text/html", buf);
  M5.Lcd.println("accessed on \"/\"");
}

void handleNotFound(){
  server.send(404, "text/plain", "File Not Found\n\n");
  M5.Lcd.println("File Not Found");
}

float TempMeasurement(){
  uint16_t data;
  float temp;
  Wire.requestFrom(address, 2); // ADT7410に2byteのデータを要求
  data = Wire.read() << 8; // 1byte分読み取りし、1byte左シフト
  data |= Wire.read(); // 1byte分読み取りし、前回値に加算
  data >>= 3; // 3bit右シフト
  
  if(data & 0x1000){ // bit 12が1のとき
    temp = (float)(data-8192) / 16.0; // 負の温度換算
  }
  else{
    temp = (float)data / 16.0; // 正の温度換算
  }
  return temp;
}