吳佳鑫的沙龍

Arduino+ESP-01+YL-69

吳佳鑫-avatar-img
吳佳鑫
更新於 2024/11/16閱讀時間約 34 分鐘
本專題為兩塊ESP8266-ESP01 ，分別為 Arduino+ESP-01+YL-69 土壤濕度檢測器與LED燈 ，以及 ESP-01 + DHT11 + LED 傳輸給伺服器端，並於伺服器上 WebSite 透過ESP-01上傳儲 存於 MYSQL 資料呈現曲線圖給前端使用者。此外，前端使用者也可控制兩塊ESP01將LED 燈點亮與關閉。

Ardunio Uno + ESP8266 ESP-01連線測試

#include <SoftwareSerial.h>
#define RX 3 //ESP8266 的 TX接3
#define TX 2 //ESP8266 RX接2
String ssid="D-Link_DIR-612"; //無線基地台識別
String pwd="123456789"; //無線基地台密碼
String IP = "192.168.20.3";
String cmd;
SoftwareSerial ESP8266(RX,TX);
void setup()
{
Serial.begin(9600);
ESP8266.begin(9600);
cmd = "AT+RST";
sendToWifi(cmd);//使用AT+RST重新啟動ESP8266
delay(1000); //延遲1秒
//
cmd="AT+CWJAP=\"";
cmd+=ssid;
cmd+="\",\"";
cmd+=pwd;
cmd+="\"";
cmd+="\r\n";
Serial.println("*** SoftSerial connection to ESP8266 ***");
sendToWifi("AT+CWMODE=3\r\n"); // 設定為 STA 模式
sendToWifi(cmd); // 取得連線(視AP連線效能作調整，預設7000毫秒)
//AT+CWJAP="D-Link_DIR-612","123456789"
sendToWifi("AT+CIFSR"); // 獲得 IP
sendToWifi("AT+CIPMUX=1\r\n"); // 開啟多除連接模式
sendToWifi("AT+CIPSERVER=1,80\r\n"); // 設定連接埠為 8080
Serial.println("Ready");
//
}
void loop(){
//手打指令用 Start
if (ESP8266.available()){
Serial.write(ESP8266.read());
}
if (Serial.available()){
ESP8266.write(Serial.read());
}
//手打指令用 END
cmd="AT+CIPSTART=\"TCP\",\""+IP+"\",80";
sendToWifi(cmd);//連線192.168.43.129網頁伺服器
if (ESP8266.find("Error")) {
Serial.println("無法連線網頁伺服器");
return;//跳出，後面程式不再執行
}
String GET="GET /test.php?name=John&hour=13\r\n\r\n";
cmd="AT+CIPSEND=" + String(GET.length());//傳送的字串長度
sendToWifi(cmd);
if (ESP8266.find(">")) { //若ESP8266準備接收資料
sendToWifi(GET); //傳送GET指令、網址與資料
} else { //沒有收到ESP8266準備接收資料的回應
cmd = "AT+CIPCLOSE";//結束連線
sendToWifi(cmd);
}
delay(1000); //延遲1秒
//
}
void sendToWifi(String command){
ESP8266.println(command);
Serial.println(command);
}

Arduino YL69土壤濕度

int SoilPin = A0;
int Standard = 800;
void setup() {
Serial.begin(9600);
}
void loop() {
int result = analogRead(SoilPin);
Serial.print("Soil: ");
Serial.println(result);
if (result > Standard)
{
Serial.println("Alert");
}
delay(1000);
}

Ardunio Uno + ESP8266 ES-01 + YL69土壤濕度

#include <SoftwareSerial.h>
#define RX 3   //ESP8266 的 TX接3
#define TX 2  //ESP8266 RX接2
String ssid="D-Link_DIR-612"; //無線基地台識別
String pwd="123456789"; //無線基地台密碼
String IP = "192.168.20.3";
String cmd;
SoftwareSerial ESP8266(RX,TX); 
//土壤濕度用變數
int SoilPin = A0;
int Standard = 800;
void setup()
{
  pinMode(13,OUTPUT);
  //digitalWrite(13,LOW);
  
  Serial.begin(9600);
  ESP8266.begin(9600);  
  cmd = "AT+RST";
  sendToWifi(cmd);//使用AT+RST重新啟動ESP8266
  delay(1000);  //延遲1秒
  //
 cmd="AT+CWJAP=\"";
 cmd+=ssid;
 cmd+="\",\"";
 cmd+=pwd;
 cmd+="\"";
 cmd+="\r\n";
 Serial.println("*** SoftSerial connection to ESP8266 ***");
 sendToWifi("AT+CWMODE=3\r\n"); // 設定為 STA 模式
 sendToWifi(cmd); // 取得連線(視AP連線效能作調整，預設7000毫秒)//AT+CWJAP="D-Link_DIR-612","123456789"
 sendToWifi("AT+CIFSR"); // 獲得 IP
 sendToWifi("AT+CIPMUX=1\r\n"); // 開啟多除連接模式
 sendToWifi("AT+CIPSERVER=1,80\r\n"); // 設定連接埠為 8080
 Serial.println("Ready");
//  
}
void loop(){
//手打指令用 Start
  if (ESP8266.available()){
    Serial.write(ESP8266.read());
  }
  if (Serial.available()){
    ESP8266.write(Serial.read());
  }
//手打指令用 END
//土壤濕度
int result = analogRead(SoilPin);
  Serial.print("Soil: ");
  Serial.println(result);
  if (result > Standard)
  {
    Serial.println("Alert");
  }
  delay(1000);
  
//連線
  cmd="AT+CIPSTART=\"TCP\",\""+IP+"\",80";
  sendToWifi(cmd);//連線192.168.43.129網頁伺服器
  if (ESP8266.find("Error")) {           
    Serial.println("無法連線網頁伺服器");
    return;//跳出，後面程式不再執行
  }
  String GET="GET /test.php?soil=";
  GET+=result;
  GET+="\r\n\r\n";
  cmd="AT+CIPSEND=" + String(GET.length());//傳送的字串長度
  sendToWifi(cmd);
  if (ESP8266.find(">")) {  //若ESP8266準備接收資料
    sendToWifi(GET);  //傳送GET指令、網址與資料
  } else {  //沒有收到ESP8266準備接收資料的回應
    cmd = "AT+CIPCLOSE";//結束連線
    sendToWifi(cmd);
  }
  delay(1000);  //延遲1秒
  
//---LED燈控制
cmd="AT+CIPSTART=\"TCP\",\""+IP+"\",80";
  sendToWifi(cmd);//連線192.168.43.129網頁伺服器
  if (ESP8266.find("Error")) {           
    Serial.println("無法連線網頁伺服器");
    return;//跳出，後面程式不再執行
  }
  
  GET="GET /iot/turn.txt";
  GET+="\r\n\r\n";
  cmd="AT+CIPSEND=" + String(GET.length());//傳送的字串長度
  sendToWifi(cmd);
  if (ESP8266.find(">")) {  //若ESP8266準備接收資料
    ESP8266.print(GET);
    delay(1000);
    Serial.println("GData >"+GET);
    if(ESP8266.find("On"))
    {
      digitalWrite(13,HIGH);
      Serial.print("Turn On!!!");
    }
    else
    {
      digitalWrite(13,LOW);
      Serial.print("Turn Off!!!");
    }
  } else {  //沒有收到ESP8266準備接收資料的回應
    cmd = "AT+CIPCLOSE";//結束連線
    sendToWifi(cmd);
  }
//
    delay(1000);
}
void sendToWifi(String command){
  ESP8266.println(command);
  Serial.println(command);
}



























































































































伺服器接收端(test.php)


<?php
//資料庫 設定 
 $db_host = "localhost"; //路徑
 $db_username = "root"; //帳號
 $db_password = "1234"; //密碼
 $db_name = "iot20211008"; 
 //pdo -> mysql連線
 try{
	 $db_link = new PDO("mysql:host={$db_host};dbname={$db_name};charset=utf8",$db_username,$db_password);
 }catch(PDOException $e){
	 print "資料庫連結失敗...Msg:{$e->getMessage()}<br/>";
	 die();
 }
 
echo $_GET["soil"];
$data = [$_GET["soil"]
		];
$query_insert = "INSERT INTO sensor (soil, datex) VALUES (?, NOW())";
$stmt = $db_link->prepare($query_insert);
$stmt->execute($data);
//$date = date('Y-m-d H:i:s');
		
/*
foreach ($_REQUEST as $key => $value)
{
  if ($key == "name") {
    $name = $value;
  }
  if ($key == "hour") {
    $hour = $value;
  }
}
if ($hour < 5 || $hour > 19){
  echo "$name,Good Night<br>";
}else if ( $hour < 12 ){
  echo "$name,Good Morning<br>";
}else {
  echo "$name,Good Afternoon<br>";
}
*/
?>











































伺服器顯示頁 (index.php)


<!DOCTYPE html>
<?
include "head.php";
$file_path = "turn.txt";
if(file_exists($file_path)){
$fp = fopen($file_path,"r");
$str = fread($fp,filesize($file_path));//指定讀取大小，這裡把整個檔案內容讀取出來
}
$file_path2 = "turn2.txt";
if(file_exists($file_path2)){
$fp2 = fopen($file_path2,"r");
$str2 = fread($fp2,filesize($file_path2));//指定讀取大小，這裡把整個檔案內容讀取出來
}
?>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
       <title>IoT專題</title>
       <!--<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
       <!--<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>-->
       <!--<link rel="stylesheet" href="bootstrap.css">-->
       
   </head>
   <body style="height: 100%; margin: 0">
   <center></br>
LED01:&nbsp <a class="btn btn-outline-secondary" href="turn.php?a=1on" role="button">On</a> &nbsp 
	  <a class="btn btn-outline-secondary" href="turn.php?a=1off" role="button">Off</a> 
	  State：<?echo $str = str_replace("\r\n","<br />",$str);?></br>
</br>
LED02:&nbsp <a class="btn btn-outline-secondary" href="turn.php?a=2on" role="button">On</a> &nbsp 
	  <a class="btn btn-outline-secondary" href="turn.php?a=2off" role="button">Off</a>
	  State：<?echo $str2 = str_replace("\r\n","<br />",$str2);?>
</center></br>
      <!--<header class="container">
       <div class="footer col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
        曲線圖練習
       </div>
       </header>-->
       <div class="container">
      <div class="row">
        <div id="container" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="height: 500px"></div>
	   <script type="text/javascript" src="2echarts.min.js"></script>
       <script type="text/javascript" src="echarts-gl.min.js"></script>
       <!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@1/dist/echarts-gl.min.js"></script>-->
       <!--<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@1/dist/ecStat.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/map/js/china.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/map/js/world.js"></script>
       <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/extension/bmap.min.js"></script>-->
       <!--<script src="js.js"></script>-->
<?
include "js.php";
?>
       </div></div>
<!--
    <footer class="container">
      <div class="footer col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
      <p>曲線圖練習結束 </p>
      </div>
    </footer>
	-->
<?
include "footer.php";
?>
   </body>
</html>










































































伺服器顯示頁曲線圖 (js.php)


<?php
//資料庫 設定 
 $db_host = "localhost"; //路徑
 $db_username = "root"; //帳號
 $db_password = "1234"; //密碼
 $db_name = "iot20211008"; 
 //pdo -> mysql連線
 try{
	 $db_link = new PDO("mysql:host={$db_host};dbname={$db_name};charset=utf8",$db_username,$db_password);
 }catch(PDOException $e){
	 print "資料庫連結失敗...Msg:{$e->getMessage()}<br/>";
	 die();
 }
$d="";
$da="";
 	$stmt = $db_link->prepare("SELECT * FROM sensor order by datex DESC ");
	$stmt->execute();
	$no=$stmt->rowCount();  
	while($row=$stmt->fetch()){
	$d.="'".$row["datex"]."'".",";
	$da.="'".$row["soil"]."'".",";
	}
$h="";
$ha="";
$ta="";
 	$stmt = $db_link->prepare("SELECT * FROM sensor2  order by datex DESC");
	$stmt->execute();
	while($row=$stmt->fetch()){
	$h.="'".$row["datex"]."'".",";
	$ha.="'".$row["humidity"]."'".",";
	$ta.="'".$row["temperature"]."'".",";
	}
?>
<script>
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['土壤', '溫度', '濕度']
    },
    /*grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },*/
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: [<?=$d;?>]
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '土壤',
            type: 'line',
            stack: '',
            data: [<?=$da;?>]
        },
        {
            name: '溫度',
            type: 'line',
            stack: '',
            data: [<?=$ta;?>]
        },
        {
            name: '濕度',
            type: 'line',
            stack: '',
            data: [<?=$ha;?>]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
//根據視窗的大小變動圖表 --- 重點
window.onresize = function(){
    myChart.resize();
}
}
</script>



































































































L E D 控 制 ( t u r n . p h p )


<?
$a=$_GET["a"];
switch($a)
{
case "1on": 
 $str = "On";
 $file = fopen("turn.txt","w+"); //開啟檔案
 fwrite($file,$str);
 fclose($file);
break;
case "1off": 
 $str = "Off";
 $file = fopen("turn.txt","w+"); //開啟檔案
 fwrite($file,$str);
 fclose($file);
break;
case "2on": 
 $str = "On";
 $file = fopen("turn2.txt","w+"); //開啟檔案
 fwrite($file,$str);
 fclose($file);
break;
case "2off": 
 $str = "Off";
 $file = fopen("turn2.txt","w+"); //開啟檔案
 fwrite($file,$str);
 fclose($file);
break;
}
header( "location:index.php"); //回 index.php
?>





































相關原碼: https://reurl.cc/OkME6g 


Arduino 原碼 為 123.ino 壓縮檔內  


WevSite 原碼 為 iot.rar 


MySql 資料庫 為 iot20211008.sql 


技術文件 : 專題.pdf
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
吳佳鑫的沙龍
40會員
130內容數
獨立遊戲開發紀錄
留言0
查看全部
avatar-img
發表第一個留言支持創作者！
吳佳鑫的沙龍 的其他內容
Python 圖轉文
使用網路上找來的原碼
測試圖片
因版本問題會出現 error
pytesseract.pytesseract.TesseractNotFoundError: C:\Program Files (x86)\Tesseract-OCR esseract.exe is not installed or i
#python#pytesseract
圖形辨識筆記-OPEN CV (haarcascades )
Haar Cascade classifier
OpenCV 官方 Github：https://github.com/opencv/opencv/tree/4.x/data
人臉特徵模型：haarcascade_frontalface_default.xml
資料來源:
https://steam
#python#opencv#haar
Python 基礎
詳細原碼: https://reurl.cc/ex8lZm
hello world
Variable (變數)
輸入 input()
四則運算
列表 list (陣列)
集合
字典（Dictionary）
給值
try 檢驗
取所有值
判斷式 If else
迴圈
Switch //字典方式
CSV
#python
掌紋辨識
取得掌紋
圖片比對
後續思維...
透過特徵比對+CNN，以YOLO 或 TensorFlow+Keras進行會比較正確。
單靠OpneCV至此是極限，要判斷出各條線，沒模型，則要以numpy陣列加上相似度(哈希算法等)去做，整體上不好進行...
待續...

#python#opencv#掌紋
Python x MySql
原碼:https://reurl.cc/bGkxKr
資料庫連線
資料庫的連線建立完成後，要進行相關的操作，需要建立Cursor(指標)物件來執行，這邊使用Python的with陳述式，當資料庫存取完成後，自動釋放連線。
INSERT
SELECT
Select 取得單筆資料 fetchone()

#python#mysql
圖形辨識筆記-OPEN CV
OpenCV 讀取圖片
原碼:https://reurl.cc/3354ZL
成果:
OpenCV 本身有提供讀取圖檔的函數可用，讀取圖檔，只要呼叫 cv2.imread 即可將圖片讀取進來，以 cv2.imread 讀進來的資料，會儲存成一個 NumPy 的陣列。
將圖片讀取進來之後，可使用  c
#python#opencv#圖形辨識
Python 圖轉文
使用網路上找來的原碼
測試圖片
因版本問題會出現 error
pytesseract.pytesseract.TesseractNotFoundError: C:\Program Files (x86)\Tesseract-OCR esseract.exe is not installed or i
#python#pytesseract
圖形辨識筆記-OPEN CV (haarcascades )
Haar Cascade classifier
OpenCV 官方 Github：https://github.com/opencv/opencv/tree/4.x/data
人臉特徵模型：haarcascade_frontalface_default.xml
資料來源:
https://steam
#python#opencv#haar
Python 基礎
詳細原碼: https://reurl.cc/ex8lZm
hello world
Variable (變數)
輸入 input()
四則運算
列表 list (陣列)
集合
字典（Dictionary）
給值
try 檢驗
取所有值
判斷式 If else
迴圈
Switch //字典方式
CSV
#python
掌紋辨識
取得掌紋
圖片比對
後續思維...
透過特徵比對+CNN，以YOLO 或 TensorFlow+Keras進行會比較正確。
單靠OpneCV至此是極限，要判斷出各條線，沒模型，則要以numpy陣列加上相似度(哈希算法等)去做，整體上不好進行...
待續...

#python#opencv#掌紋
Python x MySql
原碼:https://reurl.cc/bGkxKr
資料庫連線
資料庫的連線建立完成後，要進行相關的操作，需要建立Cursor(指標)物件來執行，這邊使用Python的with陳述式，當資料庫存取完成後，自動釋放連線。
INSERT
SELECT
Select 取得單筆資料 fetchone()

#python#mysql
圖形辨識筆記-OPEN CV
OpenCV 讀取圖片
原碼:https://reurl.cc/3354ZL
成果:
OpenCV 本身有提供讀取圖檔的函數可用，讀取圖檔，只要呼叫 cv2.imread 即可將圖片讀取進來，以 cv2.imread 讀進來的資料，會儲存成一個 NumPy 的陣列。
將圖片讀取進來之後，可使用  c
#python#opencv#圖形辨識
你可能也想看
Google News 追蹤
avatar-avatar
VK科技閱讀時間
2024/12/17
Thumbnail
美股定期定額從國泰世華 CUBE App 輕鬆開始
*合作聲明與警語：

本文係由國泰世華銀行邀稿。

證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。

 

剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
#國泰世華#美股#定期定額
avatar-avatar
吳夏憲的沙龍
2024/03/20
Thumbnail
Arduino 03 – 閃閃發光的LED！
#Arduino
avatar-avatar
吳夏憲的沙龍
2024/03/11
Thumbnail
Arduino 02 — 如何連上模組做出好玩的東西
#Arduino
avatar-avatar
程式_筆記
2024/02/18
Thumbnail
Arduino Struct 使用範例
Arduino Struct 使用範例
#Arduino#Struct#C
avatar-avatar
吳夏憲的沙龍
2024/01/31
Thumbnail
Arduino 01 - 認識Arduino


avatar-avatar
創客樂園交流區
2024/01/31
Thumbnail
Arduino抽水馬達、繼電器使用【創客樂園】
本文介紹了抽水馬達和繼電器的工作原理，以及如何與Arduino搭配使用。繼電器的定義、結構、和工作原理，以及抽水馬達的定義、結構、和工作原理都有詳細說明。此外，還介紹了串聯和並聯的關係，並提供了抽水馬達模組的程式碼。
#電器#控制#結構
avatar-avatar
VK科技閱讀時間
2024/12/17
Thumbnail
美股定期定額從國泰世華 CUBE App 輕鬆開始
*合作聲明與警語：

本文係由國泰世華銀行邀稿。

證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。

 

剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
#國泰世華#美股#定期定額
avatar-avatar
吳夏憲的沙龍
2024/03/20
Thumbnail
Arduino 03 – 閃閃發光的LED！
#Arduino
avatar-avatar
吳夏憲的沙龍
2024/03/11
Thumbnail
Arduino 02 — 如何連上模組做出好玩的東西
#Arduino
avatar-avatar
程式_筆記
2024/02/18
Thumbnail
Arduino Struct 使用範例
Arduino Struct 使用範例
#Arduino#Struct#C
avatar-avatar
吳夏憲的沙龍
2024/01/31
Thumbnail
Arduino 01 - 認識Arduino


avatar-avatar
創客樂園交流區
2024/01/31
Thumbnail
Arduino抽水馬達、繼電器使用【創客樂園】
本文介紹了抽水馬達和繼電器的工作原理，以及如何與Arduino搭配使用。繼電器的定義、結構、和工作原理，以及抽水馬達的定義、結構、和工作原理都有詳細說明。此外，還介紹了串聯和並聯的關係，並提供了抽水馬達模組的程式碼。
#電器#控制#結構