Arduino - 웹 기반 온도계

구성품 및 소모품

Arduino UNO

Arduino용 PHPoC WiFi 실드

대신 PHPoC Shield를 사용할 수 있습니다.

Adafruit DS18B20 온도 센서

시드 저항기 4.7k 옴

열수축 튜브

이 프로젝트 정보

초보자인 경우 Arduino - Wifi 및 Arduino - DS18B20 온도 센서 자습서에서 Wi-Fi 및 센서에 대해 배울 수 있습니다.

여기에서 PHPoC만 사용하여 비슷한 프로젝트를 만들었습니다.

데모

데이터 흐름

Arduino ---> PHPoC WiFi Shield ---> 웹 브라우저

Arduino는 센서에서 온도를 읽고 온도 값을 PHPoC WiFi Shield로 보냅니다. PHPoC WiFi Shield는 온도 값을 받으면 websocket을 통해 Web Browser로 보냅니다. JavaScript 함수는 UI에 온도 값을 시각화합니다.

참고: PHPoC 실드에는 Arduino에서 웹 브라우저로 데이터를 전달하는 프로그램이 내장되어 있습니다. 따라서 신경 쓸 필요가 없습니다.

우리가 해야 할 일

<울>

PHPoC 쉴드에 대한 WiFi 정보 설정(SSID 및 비밀번호)

PHPoC 쉴드에 새로운 UI 업로드

Arduino 코드 작성

PHPoC Shield용 WiFi 정보 설정

이 지침을 참조하십시오.

새로운 웹 UI를 PHPoC Shield에 업로드

<울>

PHPoC 소스 코드 remote_thermometer.php를 다운로드합니다(코드 섹션에 있음).

이 지침에 따라 PHPoC 디버거를 사용하여 PHPoC 쉴드에 업로드합니다.

Arduino 코드 작성

<울>

Arduino용 PHPoC 라이브러리, OneWire 및 Dallas Temperature의 세 가지 라이브러리를 설치합니다(지침 참조).

Arduino에 Arduino 코드(코드 섹션에 있음) 업로드

테스트

<울>

아두이노 IDE에서 시리얼 버튼을 클릭하면 IP 주소를 볼 수 있습니다.

웹 브라우저를 열고 http://를 입력합니다. replace_ip_address /remote_thermometer.php

연결 버튼을 클릭하고 테스트합니다.

초보자를 위한 최고의 Arduino 스타터 키트

Arduino 키트를 찾고 있다면 초보자를 위한 최고의 Arduino 키트를 참조하십시오.

함수 참조

<울>

Serial.begin()

Serial.println()

지연()

밀리()

for 루프

while 루프

다른 경우

루프()

설정()

String.toInt()

String.substring()

String.indexOf()

String.remove()

String.equals()

<섹션 클래스="섹션 컨테이너 섹션 축소 가능" id="코드">

코드

<울>

Arduino 코드

remote_thermometer.php

Arduino 코드Arduino

#include #include #include "SPI.h#include "Phpoc.h"// 데이터 와이어는 ArduinoOneWire oneWire(8)의 포트 8에 연결됨;DallasTemperature 센서 (&oneWire);PhpocServer 서버(80);부울 이미 연결됨 =false; 무효 설정() { Serial.begin(9600); 동안(! 직렬); sensor.begin(); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket("온도계"); Serial.print("웹소켓 서버 주소 :"); Serial.println(Phpoc.localIP()); }void loop() { // 클라이언트가 첫 번째 바이트를 보낼 때 인사합니다. PhpocClient client =server.available(); if (클라이언트) { sensor.requestTemperatures(); 부동 온도 =sensor.getTempCByIndex(0); 문자열 txtMsg =문자열(임시) + "\r\n"; 문자 버퍼[txtMsg.length()]; txtMsg.toCharArray(buf, txtMsg.length()); server.write(buf, txtMsg.length()); 지연(300); }}

remote_thermometer.phpPHP

이 파일은 웹 사용자 인터페이스를 제공합니다. 설명된 지침에 따라 이 파일을 PHPoC Wifi Shield 또는 PHPoC Shield에 업로드합니다.

Arduino - PHPoC Shield - 온도계<스타일>본문 { 텍스트 정렬:가운데; 글꼴 크기:너비/2pt; }h1 { 글꼴 두께:굵게; 글꼴 크기:너비/2pt; }h2 { 글꼴 두께:굵게; 글꼴 크기:너비/2pt; }버튼 { 글꼴 두께:굵게; 글꼴 크기:너비/2pt; }
Arduino - 웹 온도계


웹소켓:null