53064


Grid-EYE(ROBOBA041)という温度センサの出力温度データを，ESP-
WROOM-02をWebサーバとして用いて，ブラウザに表示したいと考えています．そこで以下のようなプログラムを作成しました．

[code]

    #include <WiFiClient.h>
    #include <ESP8266WiFi.h>
    #include <ESP8266WebServer.h>
    #include <Wire.h>
    #include <GridEye.h>
    
    GridEye myeye = GridEye(GridEye_DeviceAddress_1);
    ESP8266WebServer server(80);
    
    void onroot() {
        String msg ;
        int pixel[64];
        msg += "<!DOCTYPE html>";
        msg += "<html><head><meta charset=\"utf-8\">";
        msg += "<meta http-equiv=\"content-type\" content=\"text/html; 
                                                    charset=UTF-8\">";
        msg += "<title>Temperature</title><body>";
        myeye.pixelOut(pixel); // Grid-EYEの温度データ読み出し
        for (int i = 0; i < 64; i++) {
          if (i && ((i % 8) == 0)) {
          msg += "<br>";
        }
        msg += "<font size='3'>" + String(pixel[i]* 0.25) + "</font>"; //温度デー 
                                                                        タを表示
        msg += "&nbsp;";
        }
        msg += "<p id=\"LED\"></p>";
        msg += "</body></html>";
        server.send(200, "text/html", msg);
    }
    
    void setup() {
        Serial.begin(115200);
        Wire.begin();
        WiFi.config(IPAddress(***, ***, ***, ***), WiFi.gatewayIP(), 
              WiFi.subnetMask());//使いたいIPアドレスを指定
        WiFi.begin("*******", "********");
    
        WiFi.mode(WIFI_STA);
    
        // Web server setting
        server.on("/", onroot);
        server.begin();
    }
    
    void loop() {
        server.handleClient();
    }
    
[/code]

そして，このプログラムを実行したところ，以下のようにブラウザ出力されました．  
[![上記プログラム出力結果](https://i.stack.imgur.com/bijGn.png)](https://i.stack.imgur.com/bijGn.png)

この出力結果より，温度データを表示することはできたのですが，データの更新を行うことができません．ブラウザの更新ボタン(F5)を押下することで，データの更新を行うことはできるのですが，私としては更新を逐一自動的に行えるようにしたいのです．（ブラウザを表示させておくだけで，温度データの数値が一定周期ごとに切り替わるようにしたい）  
この目的を実現させるには，どのようにプログラムを改変させればよいのでしょうか．  
初めての質問ということで，拙い文章となってしまいましたが，よろしくお願いします．

補足  
Grid-EYEは二次元温度データを8*8要素の数値として出力する赤外線アレイセンサです．なので出力される温度データも8*8(64)となっています．

開発環境はArduinoIDEです


CC BY-SA 4.0
2019-02-27T05:55:17.130
53063
2019-02-27T06:30:19.943
32334
question
javascript html css arduino
温度センサによるデータをブラウザ出力し，自動的に更新するようにしたい


ブラウザのリロードでよいなら、`<META>`タグで以下の記述を行えば(プログラム中で出力すれば)指定間隔でページが再読み込みされます。

[code]

    <meta http-equiv="refresh" content="秒数">
    
[/code]


CC BY-SA 4.0
2019-02-27T06:30:19.943
53064
2019-02-27T06:30:19.943
3060
53063
answer