このプロジェクトについて

初心者の方は、Arduinoでwifiとセンサーについて学ぶことができます-WifiとArduino-DS18B20温度センサーのチュートリアル

ここではPHPoCのみを使用して同様のプロジェクトを作成しました。

デモ

データフロー

Arduino ---> PHPoCWiFiシールド---> Webブラウザ

Arduinoはセンサーから温度を読み取り、温度値をPHPoCWiFiシールドに送信します。温度値を受信すると、PHPoC WiFiShieldはそれをWebSocket経由でWebブラウザに送信します。 JavaScript関数は、UIで温度値を視覚化します。

注意： PHPoCシールドには、ArduinoからWebブラウザにデータを渡すための組み込みプログラムがあります。したがって、気にする必要はありません。

私たちがしなければならないこと

• PHPoCシールドのWiFi情報（SSIDとパスワード）を設定します
• 新しいUIをPHPoCシールドにアップロードする
• Arduinoコードを書く

PHPoCシールドのWiFi情報の設定

この手順を参照してください。

新しいWebUIをPHPoCシールドにアップロードする

• PHPoCソースコードremote_thermometer.phpをダウンロードします（コードセクションにあります）。
• この手順に従って、PHPoCデバッガーを使用してPHPoCシールドにアップロードします。

Arduinoコードを書く

• 次の3つのライブラリをインストールします：Arduino、OneWire、DallasTemperature用のPHPoCライブラリ（手順を参照）。
• Arduinoコード（コードセクション）をArduinoにアップロードする

テスト

• Arduino IDEのシリアルボタンをクリックして、IPアドレスを確認します。
• Webブラウザを開き、 http：// と入力します replace_ip_address /remote_thermometer.php
• 接続ボタンをクリックしてテストします。

初心者のための最高のArduinoスターターキット

Arduinoキットをお探しの場合は、初心者向けの最高のArduinoキットをご覧ください

関数リファレンス

• Serial.begin（）
• Serial.println（）
• delay（）
• millis（）
• forループ
• whileループ
• その他の場合
• loop（）
• setup（）
• String.toInt（）
• String.substring（）
• String.indexOf（）
• String.remove（）
• String.equals（）

コード

• Arduinoコード
• remote_thermometer.php

Arduinoコード Arduino

 #include  #include  #include "SPI.h" #include "Phpoc.h" //データワイヤがArduinoOneWireoneWire（8）; DallasTemperatureセンサーのポート8に接続されている（＆oneWire）; PhpocServer server（80）; boolean previousConnected =false; void setup（）{Serial.begin（9600）; while（！Serial）; Sensors.begin（）; Phpoc.begin（PF_LOG_SPI | PF_LOG_NET）; server.beginWebSocket（ "温度計"）; Serial.print（ "WebSocketサーバーアドレス："）; Serial.println（Phpoc.localIP（））; } void loop（）{//クライアントが最初のバイトを送信するとき、たとえばhello：PhpocClient client =server.available（）; if（client）{sensors.requestTemperatures（）; float temp =Sensors.getTempCByIndex（0）; String txtMsg =String（temp）+ "\ r \ n"; char buf [txtMsg.length（）]; txtMsg.toCharArray（buf、txtMsg.length（））; server.write（buf、txtMsg.length（））; delay（300）; }} 

remote_thermometer.php PHP

 <！DOCTYPEhtml>          

 
 Arduino-Web温度計
 

   
 

 WebSocket： null  
 接続 
   

回路図