查看: 335|回复: 0

【零知ESP8266教程】快速入门26 Blynk手机APP显示温湿度

[复制链接]
  • TA的每日心情
    开心
    2019-12-7 11:37
  • 签到天数: 45 天

    [LV.5]常住居民I

    发表于 2019-11-15 10:24 | 显示全部楼层 |阅读模式

    本文继续讲解使用blynk app+服务器(本地) + 零知ESP8266硬件的方法,通过手机APP来观察由ESP8266获取的温湿度信息。

    一、硬件
    1.电脑,windows系统
    2.零知ESP8266开发板
    3.智能手机一部 + app(Blynk)
    4.micro-usb线
    5.SHT30温湿度模块

    二、连接
    1.jpg

    2.jpg

    2、关于准备工作不再细讲,请查看 Blynk手机APP点灯示例 ,已经对操作步骤进行了详细说明。
    3、手机APP端
    我们需要两个组件分别显示温度和湿度信息,做好后界面如下:
    3.jpg


    准备以下代码:

    kittenblock中小学创客名师推荐的图形化编程软件

    /* 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";
      
    /*SHT3X 传感器
    *   使用软I2C接口
    */
    #define SHT3X_SDA D5
    #define SHT3X_SCL D6
      
    #include "SHT3X.h"
    SlowSoftWire shtWire(SHT3X_SDA,SHT3X_SCL,true);
      
    HTU3X myHumidity;
      
    BlynkTimer timer;
    void myTimerEvent()
    {
      
        float humd, temp;
        myHumidity.readTempAndHumi(&temp, &humd);
          
        Serial.print("时间:");
        Serial.print(millis());
        Serial.print(" 温度:");
        Serial.print(temp, 1);
        Serial.print(" °C");
        Serial.print(" 湿度:");
        Serial.print(humd, 1);
        Serial.print("%");
        Serial.println();
          
        Blynk.virtualWrite(V0, temp);
        Blynk.virtualWrite(V1, humd);
    }
      
    void setup()
    {
      // Debug console
      Serial.begin(9600);
      
      Blynk.begin(auth, ssid, pass, local_domain,8080);
          
        myHumidity.begin(shtWire);
          
        timer.setInterval(1000L, myTimerEvent);
    }
      
    void loop()
    {
      Blynk.run();
        timer.run(); // Initiates BlynkTimer
    }
    


    更改代码中的IP、token等信息,然后验证并上传到零知-ESP8266板上。

    5、验证测试
    在手机blynk app上可以观察到如下结果:
    4.jpg

    效果视频:点我传送
    您需要登录后才可以回帖 登录 | 立即注册  

    本版积分规则

    热门推荐

    Blynk与m5stack basic以及uiflow的交互玩法
    Blynk与m5stack basic以及
    Blynk与m5stack basic以及uiflow的交互玩法 [准备工作我们假设玩家已经熟悉下面的准备
    心态崩了,小车超声波模块避障的问题
    心态崩了,小车超声波模块
    如图片所示,我写了一个dis[1] = getDistance();但是串口打印了两个dis[1],第二个dis[
    VSCode写Arduino提示无法打开源文件"avr/pgmspace.h"
    VSCode写Arduino提示无法
    整个程序就这点内容,只是做个测试。 Ctrl+Alt+U的上传是没有问题。但是这里有个错误
    arduino 多级菜单人机交互控制继电器
    arduino 多级菜单人机交互
    #include #include #ifdef U8X8_HAVE_HW_SPI #include #endif #ifdef U8X8_HAVE_HW
    Arduino nano与ov7670摄像头模块、1.8寸TFT屏显示彩色图像
    Arduino nano与ov7670摄像
    ov7670摄像头支持彩色拍摄,带fifo闪存的网上教程很足。对于不带fifo的,本人在网上发
    Copyright   ©2015-2016  Arduino中文社区  Powered by©Discuz!   
    快速回复 返回顶部 返回列表