【零知ESP8266教程】blynk控制RGB LED

Love The Way You Lie 2024-04-19 14:42 7阅读 0赞

本文讲解使用blynk app+服务器(本地) + 零知ESP8266硬件的方法，通过手机APP控制RGB led三色灯。

硬件

[零知ESP8266][ESP8266]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70]  
[RGB LED][]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 1]  
[杜邦线][Link 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 2]

2、准备  
关于手机APP与blynk详细说明请参考：http://www.lingzhilab.com/bbs/index/showonepostz?pid=356

3、软件  
（1）app端，使用blynk新建工程，并选择设备未NodeMCU,或ESP8266，然后增加ZERGBA控件，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 3]

或扫描我分享的二维码共享工程：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 4]

（2）ESP8266端如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 5]  
具体源代码分享  
（以后都会有分享的源代码，请关注零知实验室官网关注交流哈）

/* Comment this out to disable prints and save space */
    #define BLYNK_PRINT Serial
     
     
    #include <ESP8266WiFi.h>
    #include <BlynkSimpleEsp8266.h>
     
    // You should get Auth Token in the Blynk App.
    // Go to the Project Settings (nut icon).
    char auth[] = "xx";
     
    // Your WiFi credentials.
    // Set password to "" for open networks.
    char ssid[] = "xx";
    char pass[] = "xx";
     
    char local_domain[] = "192.168.0.111";
     
     
     
    void setup()
    {
            // Debug console
            Serial.begin(9600);
             
            Blynk.begin(auth, ssid, pass, local_domain,8080);
             
             
             
    }
     
    void loop()
    {
            Blynk.run();
             
    }

上面代码中只需要填写自己的TOKEN和wifi热点名字、密码即可。

4、测试验证  
（1）在零知开发工具中，可以在串口调试窗口看到如下信息：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 6]  
表示我们与服务器通信成功的。

（2）在手机blynk上，点击运行按钮后，开始运行，然后就可以控制RGB显示各种颜色了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 7]  
5.效果视频

[看完整视频，点我 ][Link 2]

[ESP8266]: http://www.lingzhilab.com/index.php/home/goods/introduction?gid=467
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/6144a4b8edb642678cb109cd46a184f4.png
[RGB LED]: http://www.lingzhilab.com/index.php/home/goods/introduction?gid=205
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/0911abdb536747c19f174517ad076c5a.jpg
[Link 1]: http://www.lingzhilab.com/index.php/home/goods/introduction?gid=285
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/9febe0527f31423dbc5c3d9a156a8076.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f2b017a38b0e49c2bbf903eb0baf6ef6.jpg
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/5c030a101168439c9a9864d3c98d8cc5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/db4a72a865924fceb3e7589289419dc3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/ad3333d36338420ba052f0496bb5ba6b.jpg
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa2Vfc3RhcnQ_size_16_color_FFFFFF_t_70 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/26fef491dff04585bcae48dca2ed1b0b.jpg
[Link 2]: https://www.bilibili.com/video/av55465395?zw