旧活新整，再做桌面天气时钟

wuyaozi

  由于最近逛论坛的时候坛友说有一款温湿度计很小巧便宜（如下图），才1块多钱，第一次买的话才几毛钱。于是乎撸了三个


原机拆机，简单得令人发指，难怪可以做到1块多钱,内脏先不管，我们要的是外壳。外壳像一个小电视，内部空间也足够大，放板子和电池问题不大，就想到用来做一个桌面天气时钟。

说干就干，首先是产品功能规划：
1、1.54寸TFT LCD显示屏240x240驱动ST7789 TFT液晶屏IPS
[color=rgba(9, 9, 10, 0.92)]

大小和壳子差不多，用镜片当一下就差不多了，手上也有现成的。
2、ESP32C3,功能不用多介绍，手头上也有。
3.扬声器，tyoe-c,电池充电电路，不能破坏外壳的完整性，所以不用设计按键 只需要一个开关机按键，可以使用触摸按键（vdk233dr单按键触摸芯片），开关机电路
以上是硬件选型，功能规划如下：
1，长按触摸按键开关机，开关机扬声器播放开关机音乐。
2, 开机后连接WIFI，如果是首次使用，会进入智能配网界面，手机连接ESP32C3的AP后会自动弹出配网网页，填写WIFI_SSID和WIFI密码，显示天气的城市全拼。点击保存后ESP32C3自动重启
3.连接WIFI成功后，等待80S界面就会更新时间和显示天气

产品功能规划完成后，就开始画原理图了。




手工贴片，铁板烧真蛋疼

硬件完成了，测试充电正常，开始码程序,esp32开发还是喜欢用vscode+platform,该项目程序使用的是x-track的程序架构(大神的代码常用常新)。

这是获取时间

1. #include "HAL.h"
   
2. #include <WiFi.h>
   
3. #include <ESP8266_Seniverse.h>
   
4. #include <Preferences.h>
   
5. #include "SetWiFi.h"
   
6. 
   
7. Preferences prefs;
   
8. String PrefSSID, PrefPassword;
   
9. String cityCode = "";
   
10. 
    
11. using namespace HAL;
    
12. 
    
13. /*********************************NTP Service******************************************/
    
14. //时间服务器地址
    
15. #define NTP1  "ntp1.aliyun.com"
    
16. #define NTP2  "ntp2.aliyun.com"
    
17. #define NTP3  "ntp3.aliyun.com"
    
18. 
    
19. //初始化时钟服务器参数
    
20. static void Clock_Init()
    
21. {
    
22.   configTime(8 * 3600, 0, NTP1, NTP2,NTP3);
    
23. }
    
24. 
    
25. //获取网络时间
    
26. void HAL::Ntp_GetTime(Clock_Info_t *clock)
    
27. {
    
28.     static tm timeinfo;
    
29.     if(getLocalTime(&timeinfo))
    
30.     {
    
31.       clock->minute = timeinfo.tm_min;
    
32.       clock->hour = timeinfo.tm_hour;
    
33.       clock->day = timeinfo.tm_mday;
    
34.       clock->month = timeinfo.tm_mon + 1;
    
35.       clock->week = timeinfo.tm_wday;
    
36.     }
    
37. }
    
38. /*********************************NTP Service End******************************************/
    
39. 
    
40. String reqUserKey = "Sw6cfCC8Mud98gQpD";   // 私钥
    
41. String reqUnit = "c";                      // 摄氏/华氏
    
42. 
    
43. WeatherNow weatherNow; // 建立Forecast对象用于获取心知天气信息
    
44. 
    
45. //获取天气
    
46. void HAL::Weather_GetInfo(Weather_Info_t* info)
    
47. {
    
48.       if(weatherNow.update()){  // 更新天气信息
    
49.           info->WeatherStr = weatherNow.getWeatherText();
    
50.           info->WeatherIco = weatherNow.getWeatherCode();
    
51.           info->Temperature = weatherNow.getDegree();
    
52.       }         
    
53. }
    
54. 
    
55. 
    
56. //强制门户Web配网
    
57. bool setWiFi_Flag = false;
    
58. void WiFi_Set() {
    
59.   initSoftAP();
    
60.   initWebServer();
    
61.   initDNS();
    
62.   while(setWiFi_Flag == false) {
    
63.     server.handleClient();
    
64.     dnsServer.processNextRequest();
    
65.     if(WiFi.status() == WL_CONNECTED) {
    
66.       server.stop();
    
67.       setWiFi_Flag = true;
    
68. 
    
69. 
    
70.     }
    
71.   }
    
72. }
    
73. 
    
74. bool AutoConfig()
    
75. {
    
76. //首次使用自动进入配网模式,读取NVS存储空间内的ssid、password和citycode
    
77.   prefs.begin("wifi", false);
    
78.   PrefSSID =  prefs.getString("ssid", "none");
    
79.   PrefPassword =  prefs.getString("password", "none");
    
80.   cityCode =  prefs.getString("citycode", "dongguan");
    
81.   prefs.end();
    
82. 
    
83.   WiFi.begin(PrefSSID.c_str(), PrefPassword.c_str());
    
84.   WiFi.setTxPower(WIFI_POWER_15dBm);
    
85.   //如果觉得时间太长可改
    
86.   for (int i = 0; i < 10; i++)
    
87.   {
    
88.       int wstatus = WiFi.status();
    
89.       if (wstatus == WL_CONNECTED)
    
90.       {
    
91.         return true;
    
92.       }
    
93.       else
    
94.       {
    
95.         delay(1000);
    
96.       }
    
97.   }
    
98.     return false;
    
99. }
    
100. 
     
101. 
     
102. //连接wifi
     
103. void HAL::Wifi_Init()
     
104. {
     
105.   if (!AutoConfig())
     
106.     {
     
107.       WiFi_Set();
     
108.     }
     
109. 
     
110.   //初始化系统时间  
     
111.   Clock_Init();
     
112.   weatherNow.config(reqUserKey, cityCode, reqUnit);
     
113.   
     
114.   //初始化完成后关闭WiFi以节省功耗
     
115.   WiFi.disconnect(true);
     
116.   WiFi.mode(WIFI_OFF);
     
117. }
     
118. 
     
119. //启用WiFi
     
120. void HAL::Wifi_Enable()
     
121. {
     
122.   if (WiFi.status() != WL_CONNECTED)
     
123.   {
     
124.     WiFi.mode(WIFI_STA);
     
125.     WiFi.begin(PrefSSID.c_str(), PrefPassword.c_str());
     
126.     for (int i = 0; i < 10; i++)
     
127.     {
     
128.       if (WiFi.status() == WL_CONNECTED)
     
129.       {
     
130.         break;
     
131.       }
     
132.       delay(500);
     
133.     }
     
134.   }
     
135. }
     
136. 
     
137. //禁用WiFi
     
138. void HAL::Wifi_Disable()
     
139. {
     
140.   WiFi.disconnect(true);
     
141.   WiFi.mode(WIFI_OFF);
     
142. }
     
143. 
     
144. //获取天气
     
145. void HAL::Weather_GetInfo(Weather_Info_t* info)
     
146. {
     
147.   //启用WiFi
     
148.   Wifi_Enable();
     
149.   
     
150.   if(weatherNow.update()){  // 更新天气信息
     
151.       info->WeatherStr = weatherNow.getWeatherText();
     
152.       info->WeatherIco = weatherNow.getWeatherCode();
     
153.       info->Temperature = weatherNow.getDegree();
     
154.   }         
     
155.   
     
156.   //获取完成后关闭WiFi
     
157.   Wifi_Disable();
     
158. }
     
159. 
     
160. 
     
161. 
     
162. 
     
163. 
     

复制代码

下面是MQTT的代码，为了省电 注释掉了。可以自己添加一些命令来使用通过MQTT控制天气时钟

1. #include "HAL.h"
   
2. #include <WiFi.h>
   
3. 
   
4. 
   
5. 
   
6. /*********************************      MQTT     ******************************************/
   
7. // #include <PubSubClient.h>
   
8. // const char *mqtt_broker = "broker-cn.emqx.io";  //公共服务器
   
9. // const char *topic = "qinxl/weather";
   
10. // const char *mqtt_username = "";
    
11. // const char *mqtt_password = "";
    
12. // const int mqtt_port = 1883;
    
13. 
    
14. // WiFiClient espClient;
    
15. // PubSubClient client(espClient);
    
16. 
    
17. // void SetDateTime(uint8_t *indata)
    
18. // {        
    
19. 
    
20. // }
    
21. 
    
22. // void QueryVersion(uint8_t *indata)
    
23. // {        
    
24. // }
    
25. 
    
26. 
    
27. // void SetBacklight(uint8_t *indata)
    
28. // {
    
29. //           HAL::Backlight_SetGradual(indata[1]*100,1000);
    
30. // }
    
31. 
    
32. // void GetBacklight(uint8_t *indata)
    
33. // {
    
34. //     char sendtext[30] = {0};
    
35. //     uint32_t value = HAL::Backlight_GetValue();
    
36. //     sprintf(sendtext,"Backlight value :%d",value);
    
37. 
    
38. //     HAL::Mqtt_SendTest(sendtext);
    
39. // }
    
40. 
    
41. // void SetPowerOff(uint8_t *indata)
    
42. // {               
    
43. //    ESP.restart(); //重启ESP32
    
44. // }
    
45. 
    
46. // void GetVoltage(uint8_t *indata)
    
47. // {
    
48. //   HAL::Power_Info_t info;
    
49. //   HAL::Power_GetInfo(&info);
    
50. //   char sendtext[30] = {0};
    
51. //   sprintf(sendtext,"usage:%d\nvoltage:%d",info.usage,info.voltage);
    
52. 
    
53. //   HAL::Mqtt_SendTest(sendtext);
    
54. 
    
55. // }
    
56. // void CommandErr(uint8_t *indatan)
    
57. // {        
    
58. // }
    
59. 
    
60. 
    
61. // //收到下发的消息（订阅主题的消息）后的回调函数
    
62. // void callback(char *topic, byte *payload, unsigned int length)
    
63. // {
    
64. //   uint8_t dataLength = length/2;
    
65. //   uint8_t data[dataLength] = {0};
    
66. 
    
67. //    for (unsigned int i = 0; i < dataLength; i++) {
    
68. //     char hexByte[3] = {(char)payload[i*2], (char)payload[i*2+1], '\0'};
    
69. //     data[i] = strtoul(hexByte, NULL, 16);
    
70. //   }
    
71. //       switch(data[0])
    
72. //       {
    
73. //         case 1:
    
74. //           SetPowerOff(data);
    
75. //           break;
    
76. //         case 2:
    
77. //           SetBacklight(data);
    
78. //           break;
    
79. //         case 3:
    
80. //           GetVoltage(data);
    
81. //           break;
    
82. //         case 4:
    
83. //           GetBacklight(data);
    
84. //           break;
    
85. //       }
    
86. // }
    
87. 
    
88. // //执行一次的初始化参数函数
    
89. // void HAL::Mqtt_Init()
    
90. // {
    
91. //     client.setServer(mqtt_broker, mqtt_port);
    
92. //     client.setCallback(callback);
    
93. 
    
94. //     if(!client.connected()) //如果没有连接上
    
95. //     {
    
96. //       client.connect("esp32c3_1987", mqtt_username, mqtt_password);
    
97. //     }  
    
98. //     client.subscribe("qinxl/weatherset"); //订阅"send" Topic
    
99. 
    
100. 
     
101. // }
     
102. // //MQTT消息发送
     
103. // void HAL::Mqtt_SendTest(const char* str)
     
104. // {   
     
105. //     client.publish("qinxl/weatherup", str); //发布到"update"   
     
106. // }
     
107. 
     
108. // // 重连MQTT
     
109. // void reconnectMQTT()
     
110. // {
     
111. //   for(int i=0;i<10;i++)
     
112. //   {
     
113. //       if (client.connect("esp32c3_1987", mqtt_username, mqtt_password))
     
114. //       {
     
115. //         HAL::Mqtt_SendTest("ESP32C3 MQTT connect success!");
     
116. //         return;
     
117. //       }
     
118. //       else
     
119. //       {delay(100);}     
     
120. //   }
     
121. // }
     
122. 
     
123. // void HAL::MQtt_Update()
     
124. // {
     
125. //   if (!client.connected()) {
     
126. //     reconnectMQTT();
     
127. //   }
     
128. //   client.loop(); // 必须调用，处理MQTT消息接收
     
129. // }
     
130. 
     
131. /*********************************      MQTT END ******************************************/

复制代码

最终效果如图：



固件源码和原理图PCB
















附网盘

通过百度网盘分享的文件：桌面天气.rar
链接：https://pan.baidu.com/s/1V1ayky0vu3Pjd9msdkq3ag?pwd=x8ea
提取码：x8ea


通过百度网盘分享的文件：WeatherDesktop1.rar
链接：https://pan.baidu.com/s/1ZIcymakeOjLz5No4QpHcBw?pwd=5fpr
提取码：5fpr

yun1991

游客请登录后查看回复内容

wuyaozi

游客请登录后查看回复内容

xilige2020

游客请登录后查看回复内容

loooooooong

游客请登录后查看回复内容

yun1991

游客请登录后查看回复内容

dcc20250209

游客请登录后查看回复内容

bennanhaier

游客请登录后查看回复内容

majiwu1234

游客请登录后查看回复内容

温柔背后

游客请登录后查看回复内容

ouyangyuye

游客请登录后查看回复内容

zbmjs

游客请登录后查看回复内容

wuyaozi

游客请登录后查看回复内容

8139

游客请登录后查看回复内容

wuyaozi

游客请登录后查看回复内容

hfshen

游客请登录后查看回复内容

触景情伤

游客请登录后查看回复内容

bass

游客请登录后查看回复内容

wuyaozi

游客请登录后查看回复内容

wqh5858

游客请登录后查看回复内容