esp01s web配网、秘钥、OTA，eeprom，汉字wifi名称，断网重启

jsls071

实现的功能
web配网，web配秘钥。利用wifimanager 库，可以搜索想用的wifi，自己填密码
用EEPROM储存通过网页设置的秘钥，这个貌似是blinker 专属设备的功能
webOTA
同步不同方式对开关操作后，开关状态
汉字wifi名称，即，在路由器中显示的汉字名称
长时间断网重启，因为设置了多个wifi，且wifi名称也能引导程序配网

注意：ide务必使用我的附件，因为有些库被我进行了改动
安装
1.打开8266_package_3.0.1_arduino.cn
2.打开Arduino IDE菜单 > 文件 >首选项，在 附加开发板管理器网址 输入框中，填入以下网址：
https://www.arduino.cn/package_esp8266com_index.json

使用ide串口监视器方式：插入usb，然后打开ide串口监视器，如很快出现窗口，关闭重新打开

使用说明

  1. 重新配网方式：

   实体按钮长按4s以上，进入配网

    搜索到这个wifi热点"cxpw"

     app按钮长按

浏览器访问8266的IP地址 进入网页选择

   

2. 更改路由器显示的名称   

就是增加一个传值的函数，把自定义名称传给BlinkerMQTT

找到  libraries\blinker-library-dev_3.0\src\Adapters\BlinkerMQTT.h

①在 class BlinkerMQTT 外部 增加全局变量 String _hostname2 ;

②在 class BlinkerMQTT 内部 public 中增加函数 void hostname2(const String _name2);

③在void BlinkerMQTT::connectWiFi(const char* _ssid, const char* _pswd)  上部增加

void BlinkerMQTT::hostname2(const String _name2){

    _hostname2 = BLINKER_F("智能_");

    _hostname2 +=_name2;

}

④在内部改为 String _hostname = _hostname2;   其他_hostname =  注释掉

如果不用传值函数，可只改④

如汉字显示乱码，.h文件另存  编码必须选择ANSI格式

3.所有指令统一进入控制函数

4.程序预设多个wifi账号信息，利用wifiscan，方便调试查看及日常使用。

5.webOTA

如内存太小，如01s只有1M，编译或上传时 把flah size 设置成 no spiffs   或者fs：none OTA：502k 。此设置带来问题：程序不能用spiff

先进入ota上传一个最小的bin（只有webota功能），再进入webota，上传准备使用的bin。

进入ip地址也可以选择升级，不必记住IP地址后面加/update的方式。经常忘记

6.重启方式

APP 发送cq

访问IP地址 选择重启

  二，问题  

  1.不确定WiFiManager.h 或blinker 调用了json库，用过一次json没成功

  2.pulseIn（）；取按钮按下时间的函数，不能用

01s 引脚

TX=1 RX=3

GPIO0通电时接地为烧录模式

APP界面

web配网前wifi

进入web配网

选择报讯的wifi

以下主程序，记着改wifi信息 和 秘钥

1. #define BLINKER_WIFI                    //接入方式：wifi
   
2. #define BLINKER_ALIGENIE_OUTLET         //接入天猫插座库
   
3. #define BLINKER_PRINT Serial            //串口协议库
   
4. #include <WiFiManager.h>                //wifimanager库
   
5. #include <Blinker.h>                    //官方库
   
6. #define BLINKER_WITHOUT_SSL //非SSL加密通信接入，省堆栈，不是必要的
   
7. 
   
8. #include <ESP8266WebServer.h>
   
9. #include <ESP8266HTTPUpdateServer.h>
   
10. ESP8266WebServer httpServer(80);     //webota
    
11. ESP8266HTTPUpdateServer httpUpdater;  //webota
    
12. 
    
13. String devname = "DT";   //定义WIFI名称和主机名，只能非汉字,显示"智能_"+devname
    
14. char auth[] = "0b436cf***";  //换成你的，也可配网时再填
    
15. int led= 2;        //板载led。不做为指示灯时，随可便定义
    
16. int relay = 0; //继电器连接在8266的GPIO0上，LOW时打开  
    
17. bool zt = LOW ; //继电器连接在8266的GPIO0上，LOW时打开;
    
18. 
    
19. void(*resetFunc) (void) = 0;//据说软复位  resetFunc();
    
20. int key = 1; //本地开关，与gnd接通时动作
    
21. BlinkerMQTT  BlinkerMQTT2;
    
22. 
    
23. struct storeStruct_t {
    
24.   char myVersion[4];
    
25.   char name[13];
    
26. };
    
27. char  version2[4] = "186"  ; // 保存数据用验证码
    
28. 
    
29. char api_key[26] = ""; //增加网页设置页面参数，网页保存秘钥
    
30. char mqtt_server[40]; //增加网页设置页面参数，预留传值
    
31. 
    
32. char cxpw[] = "cxpw";  //搜到这个wifi重新配网,手机开热点尽量靠近
    
33. char ssid[] = "xxxx";            //默认wifi-1，改成你的
    
34. char pswd[] = "123123123";      
    
35. char ssid2[] = "CMCC-2dvu";    //默认wifi-2，改成你的
    
36. char pswd2[] = "ms8888";     
    
37. 
    
38. //*******新建组件对象
    
39. BlinkerButton Button1("btn-abc");    //设置app按键的键名
    
40. BlinkerText Text1("tex-zh4");       //绑定文字组件
    
41. BlinkerText Text2("tex-vkh");
    
42. 
    
43. //*******天猫精灵
    
44. void aligeniePowerState(const String & state)
    
45. {
    
46.   BLINKER_LOG("天猫精灵语音操作!");              //串口打印
    
47.   show(state);          //没测试，不知道 state 内容
    
48.   if (state == BLINKER_CMD_ON) {
    
49.     BlinkerAliGenie.powerState("on");
    
50.     BlinkerAliGenie.print();
    
51.   }
    
52.   else if (state == BLINKER_CMD_OFF) {
    
53.     BlinkerAliGenie.powerState("off");
    
54.     BlinkerAliGenie.print();
    
55.   }
    
56.   Text2.print("天猫");
    
57. }
    
58. 
    
59. void aligenieQuery(int32_t queryCode)      //天猫设备查询的回调函数
    
60. {
    
61.   BLINKER_LOG("AliGenie Query codes: ", queryCode);
    
62.   switch (queryCode)
    
63.   {
    
64.     case BLINKER_CMD_QUERY_ALL_NUMBER :
    
65.       BLINKER_LOG("AliGenie Query All");
    
66. 
    
67.       BlinkerAliGenie.powerState(relay ? "on" : "off");
    
68.       BlinkerAliGenie.print();
    
69.       break;
    
70.     case BLINKER_CMD_QUERY_POWERSTATE_NUMBER :
    
71.       BLINKER_LOG("AliGenie Query Power State");
    
72.       BlinkerAliGenie.powerState(relay ? "on" : "off");
    
73.       BlinkerAliGenie.print();
    
74.     default :
    
75.       BlinkerAliGenie.powerState(relay ? "on" : "off");
    
76.       BlinkerAliGenie.print();
    
77.       break;
    
78.   }
    
79. }
    
80. 
    
81. //APP未绑定的组件被触发，或者输入框发送内容，执行其中内容
    
82. void dataRead(const String & data)
    
83. {
    
84.   show(data);
    
85. }
    
86. //App 按键
    
87. void button1_callback(const String & state)        //app里按键有2种模式3钟不同样式用state来存储组键的值按键 : "tap"(点按); "pre"(长按); "pup"(释放)开关 : "on"(打开); "off"(关闭)
    
88. {
    
89.   show(state);
    
90. }
    
91. //App定时向设备发送心跳包, 收到心跳包后执行
    
92. void heartbeat()
    
93. {
    
94.   show("chaxun");   
    
95. }
    
96. //APP“所有设备”页显示开关按钮
    
97. void switch_callback(const String & state)
    
98. {
    
99.   show(state);
    
100. }
     
101. //本地开关控制2
     
102. int jilu = 0 ;
     
103. int startPressed = 0 ;
     
104. void sdms() {
     
105.   if (digitalRead(key) == LOW)
     
106.   { jilu = millis() - startPressed; //计算按下的时间
     
107.   }
     
108.   else
     
109.   { startPressed = millis();
     
110. 
     
111.     if (jilu > 30 && jilu < 1300)
     
112.     {
     
113.       digitalWrite(relay, !digitalRead(relay));
     
114.       show("tongbu");   //同步
     
115.       Text2.print("本地开关");
     
116.     }
     
117.     else if (jilu > 4000)
     
118.     {
     
119.       show("press");
     
120.     }
     
121. 
     
122.     jilu = 0;
     
123.   }
     
124. }
     
125. 
     
126. void setup()
     
127. {
     
128.   delay(3000);
     
129.   Serial.begin(115200);   // 初始化串口
     
130.   delay(200);
     
131.   pinMode(relay, OUTPUT);
     
132.   pinMode(led, OUTPUT);       //设为输出，闪灯
     
133.   show("off");        //初始上电关
     
134.   delay(200);
     
135.   BLINKER_DEBUG.stream(Serial);  //查看设备端调试信息
     
136.   BLINKER_DEBUG.debugAll();          //查看设备端调试信息
     
137.   delay(100);
     
138.   lianwang();       //进入联网程序
     
139.   Blinker.delay(300);
     
140.   Button1.attach(button1_callback);        //app按键回调
     
141.   Blinker.attachData(dataRead);             //没有绑定的控件 函数注册
     
142.   Blinker.attachHeartbeat(heartbeat);         //app定时向设备发送心跳包, 设备收到心跳包后会返回设备当前状态进行语音操作和app操作同步。
     
143.   BUILTIN_SWITCH.attach(switch_callback);    //注册APP设备外面的图标上显示这一个开关按键
     
144.   BlinkerAliGenie.attachPowerState(aligeniePowerState);      //天猫语音操作注册函数
     
145.   BlinkerAliGenie.attachQuery(aligenieQuery);//天猫设备查询的回调函数
     
146.   httpUpdater.setup(&httpServer);  //OTA
     
147.   httpServer.begin();      //OTA
     
148.   httpServer.on("/", homepage);//访问主页
     
149. 
     
150.   // 初始化IO
     
151.     digitalWrite(led, HIGH);
     
152.   pinMode(key, INPUT_PULLUP);       //设输入上拉，按钮控制
     
153. }
     
154. 
     
155. void loop() {
     
156.   Blinker.run();
     
157.   sdms();//本地开关
     
158.   cq();//无网重启
     
159.   httpServer.handleClient();//OTA
     
160. }
     
161. 
     
162. const char PAGE_INDEX[] PROGMEM = R"(
     
163.   <!DOCTYPE html ">
     
164. <html">
     
165. <head>
     
166. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     
167. <title>ESP8266物联网</title>
     
168. </head>
     
169. 
     
170. <body>
     
171.   <h1>ESP8266物联网</h1>
     
172.   <p>你正在浏览ESP8266提供的信息</p>
     
173.   <p>
     
174.     <a href="/update" target="_self" title="升级">升级</a><br/>
     
175. </p>
     
176. <p>
     
177.     <a href="/?pw=abc" target="_self" title="重新设置">重新设置</a><br/>
     
178. </p>
     
179. <p>
     
180.     <a href="/?cq=abc" target="_self" title="重新启动">重新启动</a><br/>
     
181. </p>
     
182. </body>
     
183. </html>
     
184. )";
     
185. // 设置主页请求处理函数
     
186. void homepage() {
     
187.   httpServer.send(200,"text/html",PAGE_INDEX);
     
188.   Blinker.println("用户访问了主页");
     
189.   
     
190.     if (httpServer.hasArg("pw")) {
     
191.     Serial.print("请求中pw参数的值:");
     
192.     //Serial.println(httpServer.arg("token"));
     
193.   show("press");
     
194.   }
     
195.       if (httpServer.hasArg("cq")) {
     
196.   show("cq");
     
197.   }
     
198.   else {
     
199.     Serial.println("当前请求中无法找到指定请求体内容");
     
200.   }
     
201. }
     
202. 
     
203. 
     
204. //使用web配置网络
     
205. void WebConfig() {
     
206.   httpServer.stop();
     
207.   WiFiManager wifiManager;
     
208. 
     
209. 
     
210.   for (int counter = 1; counter <= 4; counter++) { //闪灯提示进入配网
     
211.      digitalWrite(led, HIGH);
     
212.     Blinker.delay(300);
     
213.     digitalWrite(led, LOW);
     
214.     Blinker.delay(300);
     
215.   }
     
216. 
     
217. wifiManager.resetSettings();
     
218.       
     
219.   //设置配置页增加两个参数
     
220.   WiFiManagerParameter custom_apikey("apikey", "apikey", api_key, 32);
     
221.   WiFiManagerParameter custom_mqtt_server("server", "server", mqtt_server, 40);
     
222.   wifiManager.addParameter(&custom_apikey);
     
223.   wifiManager.addParameter(&custom_mqtt_server);
     
224.   /*************************************/
     
225.   /*** 步骤三：尝试连接网络，失败去到配置页面 **/
     
226.   Serial.println("Entered config mode...");
     
227. 
     
228. // wifiManager.setConfigPortalTimeout(60);  //设置连接超时时间60s  
     
229. wifiManager.setMinimumSignalQuality(40);   //过滤信号质量  
     
230. 
     
231. char buf[]="";
     
232. devname="智能_"+devname ;
     
233. strcpy(buf,devname.c_str());
     
234. wifiManager.startConfigPortal(buf, NULL);  //直接进入配网管理，不会尝试保存的wifi
     
235. //  wifiManager.autoConnect(buf, NULL);
     
236.   Serial.print("ESP8266 Connected to ");
     
237.   /*************************************/
     
238.   // 读取配置页面配置好的信息
     
239.   strcpy(mqtt_server, custom_mqtt_server.getValue());
     
240.   strcpy(api_key,custom_apikey.getValue() );
     
241.   saveinf1(api_key);
     
242. delay(100);
     
243. //ESP.restart();
     
244. resetFunc();
     
245. }
     
246. 
     
247. void show(const String & state) {
     
248.     if (state.endsWith("on") == 1 )  {
     
249.     digitalWrite(relay, zt);     
     
250.   }
     
251.   if (state.endsWith("off") == 1 )  {
     
252.     digitalWrite(relay, !zt);  
     
253.   }
     
254.     if (state.endsWith("tap") == 1 )  {
     
255.       digitalWrite(relay, zt);
     
256.       Blinker.delay(3000);
     
257.     digitalWrite(relay, !zt);
     
258.      Text2.print("电梯");
     
259.   }
     
260. if(state == "press") {
     
261. Text2.print("重新配网");
     
262.   WebConfig();
     
263.   return;
     
264. }
     
265.   if(state.endsWith("cq") == 1 ) {
     
266. Text2.print("重新启动");
     
267. Blinker.delay(200);
     
268. ESP.restart();
     
269. }
     
270.       Blinker.delay(200);
     
271.       if (digitalRead(relay) == zt)
     
272.       {
     
273.          digitalWrite(led, LOW);
     
274.         BUILTIN_SWITCH.print("on");
     
275.         Button1.color("red");              //设置app按键是红色
     
276.         Button1.text("继电器打开");
     
277.         Button1.print("on");   
     
278.     }
     
279.       else
     
280.       {
     
281.             digitalWrite(led, HIGH);
     
282.         BUILTIN_SWITCH.print("off");
     
283.         Button1.color("gray");              //设置app按键是灰色
     
284.         Button1.text("继电器关闭");
     
285.         Button1.print("off");        
     
286.       }
     
287.       Text1.print(WiFi.localIP().toString().c_str(),WiFi.SSID().c_str());  //上传IP地址和wifi名称
     
288. }
     
289. 
     
290. void saveinf1( String api_key1) {        //  保存api
     
291. Serial.print("saved：");
     
292. storeStruct_t saved;
     
293. 
     
294. strcpy(saved.name,api_key1.c_str());  
     
295. strcpy(saved.myVersion,version2);  //验证码赋值
     
296. 
     
297.   EEPROM.begin(4095);
     
298.   EEPROM.put( 1, saved );
     
299.    Blinker.delay(300);
     
300.   EEPROM.commit();                      // Only needed for ESP8266 to get data written
     
301.   EEPROM.end();                         // Free RAM copy of structure
     
302. }
     
303. 
     
304. void loadConfig() {
     
305.   // Loads configuration from EEPROM into RAM
     
306.   Serial.println("Loading config");
     
307.   storeStruct_t load;
     
308.   EEPROM.begin(4095);
     
309.   EEPROM.get( 1, load);
     
310.   EEPROM.end();
     
311. 
     
312.   if (load.myVersion[0] != version2[0] ||
     
313.       load.myVersion[1] != version2[1] ||
     
314.      load.myVersion[2] != version2[2])   //比较验证码
     
315. {
     
316.     Serial.println("验证码没通过");   
     
317.     return;
     
318.   }
     
319.   else {
     
320.     strcpy(auth, load.name);
     
321.   //给auth，重新赋值
     
322.   Serial.println(auth); }
     
323. }
     
324. 
     
325. void lianwang(){
     
326. 
     
327.   BlinkerMQTT2.hostname2(devname);  //BlinkerMQTT文件修改后才能用
     
328.   digitalWrite(led, LOW); //常亮联网
     
329.   //配网保存的信息
     
330. loadConfig(); //读auth的值
     
331.        Blinker.delay(300);      
     
332. int n = WiFi.scanNetworks();    //开始同步扫描，存放在变量n中
     
333.     for (int i = 0; i < n; ++i){  //开始逐个打印扫描到的wifi
     
334.       Serial.print(WiFi.SSID(i));
     
335.       if (WiFi.SSID(i)==cxpw )  //扫描到进入网页配网
     
336.       {
     
337.          Serial.println("重新配网");
     
338.       WebConfig();
     
339.       }
     
340.      if(WiFi.SSID(i)==ssid )
     
341.      {
     
342.        Blinker.begin(auth, ssid, pswd);
     
343.      return;
     
344.       }
     
345.            if(WiFi.SSID(i)==ssid2 )
     
346.      {
     
347.        Blinker.begin(auth, ssid2, pswd2);
     
348.      return;
     
349.       }
     
350.            if(WiFi.SSID(i)==WiFi.SSID().c_str() )
     
351.      {
     
352.         Blinker.begin(auth, WiFi.SSID().c_str(), WiFi.psk().c_str());
     
353.      return;
     
354.       }
     
355.     }   
     
356.        Serial.println("没找到网络3s后重试！");   
     
357.     delay(3000);     
     
358. lianwang();
     
359. }
     
360. int detect_os_time=60;
     
361.   void cq(){    //设定断网重新启动
     
362.          bool result = Blinker.connected();         //获取连接服务器的状态  0失败 1成功
     
363.        if (result == 1  || detect_os_time-millis()/60000 >60) {   //   或语句是防止millis()溢出时不能进入倒计时
     
364.       detect_os_time =60+ millis()/60000;}  //倒计时60分钟
     
365.         else
     
366.         {       if (millis()%60000==0) {  //每分钟提醒一次
     
367.                          Serial.print("断网重启倒计时（分钟）：");  
     
368.                         Serial.println(detect_os_time-millis()/60000 );
     
369.                        Blinker.delay(300);
     
370.                           }
     
371. 
     
372.   if (detect_os_time-millis()/60000 <=0 && digitalRead(relay) != zt) {     //超时且开关关闭时 重启
     
373.                          //ESP.restart();
     
374.                          resetFunc();
     
375.                               }
     
376.        }
     
377.         }

复制代码

以下是ota程序，我已经尽量减小了，但是水平有限。

1. #include <ESP8266WiFi.h>
   
2. #include <WiFiClient.h>
   
3. #include <ESP8266WebServer.h>
   
4. #include <ESP8266HTTPUpdateServer.h>
   
5. 
   
6. ESP8266WebServer httpServer(80);
   
7. ESP8266HTTPUpdateServer httpUpdater;
   
8. 
   
9. void setup(void) {
   
10. 
    
11.   Serial.begin(115200);
    
12.   WiFi.mode(WIFI_STA);
    
13.   WiFi.begin("xxxx", "123123123");
    
14. 
    
15.   while (WiFi.status() != WL_CONNECTED) {
    
16.       Serial.print("Connecting...");
    
17.     delay(400);
    
18.   }
    
19. 
    
20.   httpUpdater.setup(&httpServer);
    
21.   httpServer.begin();
    
22. httpServer.on("/", homepage);//访问主页，不用记IP地址＋/update 的升级方式
    
23. 
    
24.   Serial.print("Open http://");
    
25.   Serial.print(WiFi.localIP());
    
26.   Serial.println("/update in your browser");
    
27. }
    
28. 
    
29. void loop(void)
    
30. {
    
31.   httpServer.handleClient();
    
32. }
    
33. const char PAGE_INDEX[] PROGMEM = R"(
    
34.   <!DOCTYPE html ">
    
35. <html">
    
36. <head>
    
37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
38. <title>ESP8266物联网</title>
    
39. </head>
    
40. 
    
41. <body>
    
42.   <h1>ESP8266物联网</h1>
    
43.   <p>你正在浏览ESP8266提供的信息</p>
    
44.   <p>
    
45.     <a href="/update" target="_self" title="升级">升级</a><br/>
    
46. </p>
    
47. 
    
48. </body>
    
49. </html>
    
50. )";
    
51. // 设置主页请求处理函数
    
52. void homepage() {
    
53.   httpServer.send(200,"text/html",PAGE_INDEX);
    
54. Serial.println("用户访问了主页");
    
55. }

复制代码

APP界面配置

1. {¨config¨{¨headerColor¨¨transparent¨¨headerStyle¨¨dark¨¨background¨{¨img¨¨assets/img/bg/f3.jpg¨¨isFull¨»}}¨dashboard¨|{¨type¨¨btn¨¨ico¨¨fad fa-siren-on¨¨mode¨Ê¨t0¨¨点我开关灯¨¨clr¨¨#389BEE¨¨t1¨¨文本2¨¨bg¨É¨cols¨Ë¨rows¨Ë¨key¨¨btn-abc¨´x´Ï´y´Ë¨speech¨|÷¨lstyle¨Ê}{ßA¨deb¨ßEÉßLÉßMÑßNÍßO¨debug¨´x´É´y´ÏßQ|÷ßRÊ}{ßA¨tex¨ßF¨文本1¨ßJßKßLÊßC¨fad fa-arrow-alt-up¨ßMÍßNËßO¨tex-zh4¨´x´É´y´ËßQ|÷ßRÌ}{ßAßUßF¨1234¨ßJßKßLÉßC´´ßMËßNÊßO¨tex-vkh¨´x´Ï´y´ÍßQ|÷ßRÉ}{ßA¨inp¨ßLÉßMÑßNËßO¨inp-27v¨´x´É´y´¤AßQ|÷}÷¨actions¨|¦¨cmd¨¦¨switch¨‡¨text¨‡¨on¨¨打开?name¨¨off¨¨关闭?name¨—÷¨triggers¨|{¨source¨ße¨source_zh¨¨开关状态¨¨state¨|ßgßi÷¨state_zh¨|¨打开¨¨关闭¨÷}÷}

复制代码

arduino及8266_package  下载链接：https://pan.baidu.com/s/1tNotiyqCPmEZ2og3a5v0FQ

提取码：1234

weiqinglong51

学习了，谢谢分享

alonemars

感谢分享代码。

njbhqm

注意：ide务必使用我的附件，因为有些库被我进行了改动
这个IDE使用后电脑崩溃，结果全部不能编译了，换原来的也不行

jsls071

njbhqm 发表于 2021-12-3 08:26
注意：ide务必使用我的附件，因为有些库被我进行了改动
这个IDE使用后电脑崩溃，结果全部不能编译了，换原 ...

用自己的也行 以为有些库我改了，你照着报错，把相关程序删掉，应该也可以用。或者把相关的库用我的替换

dj_wuxin

学习一下···
·

许普查

楼主怎么修改呢

yunqi

看不懂，好难。
请问主程序、ota程序两个程序，怎么刷入8266？不太懂，我就知道用Arduino上传。