开源一个微信小程序，支持蓝牙配网+WiFi双控制ESP32-C3应用示范；（附带Demo）

于 2021-04-13 14:48:12 发布
阅读量1.2w 收藏 150
点赞数 30
分类专栏： 安信可WiFi模组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Boantong_/article/details/115666854
版权

文章目录

在这里插入图片描述

一、前言

   前面已经给大家带来了如何实现小程序WiFi+蓝牙控制ESP32-C3模组的原理，

   借助小程序的浪潮，我们再开源一波干货，这篇给大家再开源一个小程序配网的代码；

   遵循开源的原则，我们参考以下重要干货，感谢开源：

二、 Blufi乐鑫自研的蓝牙配网协议

   BluFi 是一款基于蓝牙通道的 Wi-Fi 网络配置功能，适用于 ESP32。它通过安全协议将 Wi-Fi 配置和证书传输到 ESP32，然后 ESP32 可基于这些信息连接到 AP 或建立 SoftAP。

   BluFi 流程的关键部分包括数据的分片、加密、校验和验证。

   用户可按需自定义用于对称加密、非对称加密和校验的算法。这里我们采用 DH 算法进行密钥协商、128-AES 算法用于数据加密、CRC16 算法用于校验和验证。

ESP32 配网流程

  1. ESP32 开启 GATT Server 功能，发送带有特定 adv data 的广播。你可以自定义该广播，该广播不属于 BluFi Profile。
  2. 使用手机 APP 搜索到该特定广播，手机作为 GATT Client 连接 ESP32。你可以决定使用哪款手机 APP。
  3. GATT 连接建立成功后，手机向 ESP32 发送“协商过程”数据帧（详情见 BluFi 传输格式 ）。
  4. ESP32 收到“协商过程”数据帧后，会按照使用者自定义的协商过程来解
  5. 析。
  6. 手机与 ESP32 进行密钥协商。协商过程可使用 DH/RSA/ECC 等加密算法进行。
  7. 协商结束后，手机端向 ESP32 发送“设置安全模式”控制帧。
  8. ESP32 收到“设置安全模式”控制帧后，使用经过协商的共享密钥以及配置的安全策略对通信数据进行加密和解密。
  9. 手机向 ESP32 发送“BluFi 传输格式”定义的 SSID、Password 等用于 Wi-Fi 连接的必要信息。
  10. 手机向 ESP32 发送“Wi-Fi 连接请求”控制帧，ESP32 收到之后，识别为手机已将必要的信息传输完毕，准备连接 Wi-Fi。
  11. ESP32 连接到 Wi-Fi 后，发送“Wi-Fi 连接状态报告”控制帧到手机，以报告连接状态。至此配网结束。

流程图

在这里插入图片描述

三、相关代码

3.1 蓝牙快速配网

   这里是采用上述的BluFi原理做的一款小程序，效果如下：

在这里插入图片描述
   功能特性如下：

  1. 标准的乐鑫BluFi协议，支持ESP32和ESP32-C3模组配网，仅支持2.4G频段AP热点连接，支持双频路由器配网；
  2. 跨平台特性，无关Android和IOS平台，真正实现一套代码多复用；
  3. 过滤搜索蓝牙设备，筛选其他非BluFi协议的蓝牙设备，实现快速选择设备配网；

3.2 蓝牙本地控制

  1. 乐鑫物联网操作框架 esp-idf 的 freeRtos 实时操作系统熟悉，包括任务创建/消息队列/进程间通讯；
  2. 微信小程序开发基础，包括MQTT库/低功耗蓝牙API接口使用，包括搜索/连接/通讯；
  3. 使用乐鑫封装 RMT 驱动层单线驱动WS2812B，实现彩虹等效果；
  4. 对ESP32/C3芯片的外设开发熟悉，对BLE API接口使用熟悉，包括自定义广播/名字/自定义UUID；

蓝牙控制代码

设置蓝牙广播名字

esp_ble_gap_set_device_name(TEST_DEVICE_NAME);

设置服务UUID

 gl_profile_tab[0].service_id.is_primary = true;
 gl_profile_tab[0].service_id.id.inst_id = 0x00;
 gl_profile_tab[0].service_id.id.uuid.len = ESP_UUID_LEN_16;
 gl_profile_tab[0].service_id.id.uuid.uuid.uuid16 = GATTS_SERVICE_UUID_TEST_A;

主动通知上位机数据发生改动：

 case ESP_GATTS_READ_EVT:
    {
        esp_gatt_rsp_t rsp;
        memset(&rsp, 0, sizeof(esp_gatt_rsp_t));
        rsp.attr_value.handle = param->read.handle;
        rsp.attr_value.len = 3;
        rsp.attr_value.value[0] = red;
        rsp.attr_value.value[1] = green;
        rsp.attr_value.value[2] = blue;
        esp_ble_gatts_send_response(gatts_if, param->read.conn_id, param->read.trans_id, ESP_GATT_OK, &rsp);
        break;
    }

上位机主动发送数据到此并做出对应的处理：

 case ESP_GATTS_WRITE_EVT:
    {
        if (!param->write.is_prep)
        {
            ESP_LOGI(GATTS_TAG, "GATT_WRITE_EVT, value len %d, value :", param->write.len);
            esp_log_buffer_hex(GATTS_TAG, param->write.value, param->write.len);
            //发送数据到队列
            struct __User_data *pTmper;
            sprintf(user_data.allData, "{\"red\":%d,\"green\":%d,\"blue\":%d}", param->write.value[0], param->write.value[1], param->write.value[2]);
            pTmper = &user_data;
            user_data.dataLen = strlen(user_data.allData);
            xQueueSend(ParseJSONQueueHandler, (void *)&pTmper, portMAX_DELAY);

            ESP_LOGI(GATTS_TAG, "%02x %02x %02x ", param->write.value[0], param->write.value[1], param->write.value[2]);
        }
        example_write_event_env(gatts_if, &a_prepare_write_env, param);
        break;
    }

WiFi控制代码

设置MQTT远程连接的参数

/* 
 * @Description: MQTT参数连接的配置
 * @param: 
 * @return: 
*/
void TaskXMqttRecieve(void *p)
{
    //连接的配置参数
    esp_mqtt_client_config_t mqtt_cfg = {
        .host = "www.xuhong.com",  //连接的域名 ，请务必修改为您的
        .port = 1883,              //端口，请务必修改为您的
        .username = "admin",       //用户名，请务必修改为您的
        .password = "xuhong123456",   //密码，请务必修改为您的
        .client_id = deviceUUID,
        .event_handle = MqttCloudsCallBack, //设置回调函数
        .keepalive = 120,                   //心跳
        .disable_auto_reconnect = false,    //开启自动重连
        .disable_clean_session = false,     //开启 清除会话
    };
    client = esp_mqtt_client_init(&mqtt_cfg);
    esp_mqtt_client_start(client);

    vTaskDelete(NULL);
}

服务器下发的处理数据，送往消息队列处理：

    //服务器下发消息到本地成功接收回调
    case MQTT_EVENT_DATA:
    {
        printf("TOPIC=%.*s \r\n", event->topic_len, event->topic);
        printf("DATA=%.*s \r\n\r\n", event->data_len, event->data);
        //发送数据到队列
        struct __User_data *pTmper;
        sprintf(user_data.allData, "%s", event->data);
        pTmper = &user_data;
        user_data.dataLen = event->data_len;
        xQueueSend(ParseJSONQueueHandler, (void *)&pTmper, portMAX_DELAY);
        break;
    }

2.3 外设驱动

七彩灯WS2812B的驱动代码初始化：

/**
 * @description:  封装一层设置RGB灯效果
 * @param {uint16_t} Red 入参 红色
 * @param {uint16_t} Green 入参 绿色
 * @param {uint16_t} Blue 入参 蓝色
 * @return {*}
 */
void set_rgb(uint16_t Red, uint16_t Green, uint16_t Blue)
{
    for (int i = 0; i < 24; i++)
    {
        strip->set_pixel(strip, i, Red, Green, Blue);
    }
    red = Red;
    green = Green;
    blue = Blue;
    strip->refresh(strip, 10);
}

/**
 * @description: 初始化LED 
 * @param {*}
 * @return {*}
 */
void init_led()
{
    rmt_config_t config = RMT_DEFAULT_CONFIG_TX(4, RMT_TX_CHANNEL);
    // set counter clock to 40MHz
    config.clk_div = 2;

    ESP_ERROR_CHECK(rmt_config(&config));
    ESP_ERROR_CHECK(rmt_driver_install(config.channel, 0, 0));

    // install ws2812 driver
    led_strip_config_t strip_config = LED_STRIP_DEFAULT_CONFIG(24, (led_strip_dev_t)config.channel);
    strip = led_strip_new_rmt_ws2812(&strip_config);
    if (!strip)
    {
        ESP_LOGE(TAG, "install WS2812 driver failed");
    }
    // Clear LED strip (turn off all LEDs)
    ESP_ERROR_CHECK(strip->clear(strip, 100));
    set_rgb(0, 254, 0);
}

消息队列处理逻辑：

/*
 * @Description: 解析下发数据的队列逻辑处理
 * @param: null
 * @return: 
*/
void Task_ParseJSON(void *pvParameters)
{
    printf("[SY] Task_ParseJSON_Message creat ... \n");

    while (1)
    {
        struct __User_data *pMqttMsg;

        printf("Task_ParseJSON_Message xQueueReceive wait [%d] ... \n", esp_get_free_heap_size());
        xQueueReceive(ParseJSONQueueHandler, &pMqttMsg, portMAX_DELAY);

        printf("Task_ParseJSON_Message xQueueReceive get [%s] ... \n", pMqttMsg->allData);

        首先整体判断是否为一个json格式的数据
        cJSON *pJsonRoot = cJSON_Parse(pMqttMsg->allData);
        //如果是否json格式数据
        if (pJsonRoot == NULL)
        {
            printf("[SY] Task_ParseJSON_Message xQueueReceive not json ... \n");
            goto __cJSON_Delete;
        }

        cJSON *pJSON_Item_Red = cJSON_GetObjectItem(pJsonRoot, "red");
        cJSON *pJSON_Item_Green = cJSON_GetObjectItem(pJsonRoot, "green");
        cJSON *pJSON_Item_Blue = cJSON_GetObjectItem(pJsonRoot, "blue");

        set_rgb(pJSON_Item_Red->valueint, pJSON_Item_Green->valueint, pJSON_Item_Blue->valueint);

    __cJSON_Delete:
        cJSON_Delete(pJsonRoot);
    }
}

微信小程序核心代码

代码架构，UI主要采用第三方库：有 WeUI、Vant-UI库，其中的MQTT库采用开源的MQTT.JS库。

3.1 蓝牙搜索

 wx.onBluetoothDeviceFound(function (devices) {
      var isnotexist = true
      if (devices.deviceId) {
        if (devices.advertisData) {
          devices.advertisData = app.buf2hex(devices.advertisData)
        } else {
          devices.advertisData = ''
        }
        for (var i = 0; i < that.data.devicesList.length; i++) {
          if (devices.deviceId == that.data.devicesList[i].deviceId) {
            isnotexist = false
          }
        }
        if (isnotexist && devices[0].name === that.data.filterName ) {
          that.data.devicesList.push(devices[0])
        }
      }
      that.setData({
        devicesList: that.data.devicesList
      })
    })
  }

3.2 蓝牙服务发现

发现服务列表：wx.getBLEDeviceServices()

发现特征值列表：wx.getBLEDeviceCharacteristics()

发送设备，判断是否为蓝牙控制或wifi控制：

 SendTap: function (red, green, blue) {
    var that = this
    if (!this.data.isCheckOutControl) {
      if (this.data.connected) {
        var buffer = new ArrayBuffer(that.data.inputText.length)
        var dataView = new Uint8Array(buffer)
        dataView[0] = red; 
        dataView[1] = green; 
        dataView[2] = blue;
        wx.writeBLECharacteristicValue({
          deviceId: that.data.connectedDeviceId,
          serviceId: that.data.serviceId,
          characteristicId: "0000FF01-0000-1000-8000-00805F9B34FB",
          value: buffer,
          success: function (res) {
            console.log('发送成功')
          }, fail() {
            wx.showModal({
              title: '提示',
              content: '蓝牙已断开',
              showCancel: false,
              success: function (res) {
              }
            })
          }
        })
      } else {
        wx.showModal({
          title: '提示',
          content: '蓝牙已断开',
          showCancel: false,
          success: function (res) {
            that.setData({
              searching: false
            })
          }
        })
      }
    } else {
      //MQTT通讯发送
      if (this.data.client && this.data.client.connected) {
        this.data.client.publish('/esp32-c3/7cdfa1322e68/devSub', JSON.stringify({red,green,blue}));
      } else {
        wx.showToast({
          title: '请先连接服务器',
          icon: 'none',
          duration: 2000
        })
      }
    }
  },

四、感谢

为此，还开源了以下的代码仓库，共勉！！

开源项目地址开源时间
微信小程序连接mqtt服务器，控制esp8266智能硬件https://github.com/xuhongv/WeChatMiniEsp82662018.11
微信公众号airkiss配网以及近场发现在esp8266 rtos3.1 的实现https://github.com/xuhongv/xLibEsp8266Rtos3.1AirKiss2019.3
微信公众号airkiss配网以及近场发现在esp32 esp-idf 的实现https://github.com/xuhongv/xLibEsp32IdfAirKiss2019.9
微信小程序控制esp8266实现七彩效果项目源码https://github.com/xuhongv/WCMiniColorSetForEsp82662019.9
微信小程序蓝牙配网blufi实现在esp32源码https://github.com/xuhongv/BlufiEsp32WeChat2019.11
微信小程序蓝牙ble控制esp32七彩灯效果https://blog.csdn.net/xh870189248/article/details/1018497592019.10
可商用的事件分发的微信小程序mqtt断线重连框架https://blog.csdn.net/xh870189248/article/details/887183022019.2
微信小程序以 websocket 连接阿里云IOT物联网平台mqtt服务器https://blog.csdn.net/xh870189248/article/details/914906972019.6
微信公众号网页实现连接mqtt服务器https://blog.csdn.net/xh870189248/article/details/1007384442019.9
自主开发微信小程序接入腾讯物联开发平台，实现一键配网+控制https://github.com/xuhongv/AiThinkerIoTMini2020.9
云云对接方案天猫精灵小爱同学服务器+嵌入式Code开源https://github.com/xuhongv/xClouds-php2020.7

另外，感谢：

  • 乐鑫物联网操作系统：https://github.com/espressif/esp-idf
  • 腾讯WeUI框架：https://github.com/Tencent/weui-wxss
  • 有赞Vant框架：https://vant-contrib.gitee.io/vant-weapp

    本文章的微信小程序源码免费获取：https://github.com/Ai-Thinker-Open/Ai-Thinker-Open-WechatMini-C3

技术支持邮箱：support@aithinker.com

博客
安信可博客导航一站式搜索(所有博客的汇总帖)
04-21 1万+
安信可博客导航一站式搜索(所有博客的汇总帖)文章目录安信可博客导航一站式搜索(所有博客的汇总帖)开源团队简介安信可优势ESP系列IDE开发环境搭建ESP8266模组专题ESP32模组专题蓝牙模组专题泰凌微方案洛达方案LORA模组专题A9G专题瑞昱模组专题RTL871x系列(PS：以上专题对外线上的一部分，更多的技术支持联系我)开源团队简介负责人： 徐宏组员： 苏法成，张鹏，黄方可，谢一易......
博客
【LoRaWAN节点应用】安信可Ra-08H-P模组入网LoRaWAN网络的应用
12-17 676
本文主要介绍如何配置Ra-08H-P模组接入LoRaWAN服务的相关内容。LoRaWAN区别于LoRa技术在于，LoRa信号传输走的是物理层，而LoRaWAN是介质控制层协议，主要作用于网络层协议。LoRaWAN架构的主要组成部分有：LoRaWAN网关、LoRaWAN节点、LoRaWAN网络服务以及LoRaWAN应用服务四个部分组成。本次对接的服务器是网络服务与应用层服务集成的服务器，网关用的是。
博客
【2.4G LoRa】Ra-05/Ra-05U模组驱动说明
12-17 910
2.4G LoRa驱动说明文档
博客
爱星物联——固件和模组，模组和产品如何进行关联
12-02 272
最近有部分小伙伴不知道固件和模组，模组和产品是如何进行关联的，在添加产品的时候才发现有些选项没有提前配置，导致需要重新添加，今天我就讲解一下配置顺序配置顺序为云管平台依次创建固件-模组-产品类型，开发者平台创建产品（选择产品类型）-硬件开发中选择模组即可。
博客
爱星物联——记Android MQTT第三库eclipse/paho.mqtt.android无法在Android 14上使用的升级过程
12-02 967
我们知道 eclipse/paho.mqtt.android 是一个非常重要的MQTT开源库，很多用到MQTT功能的Android App都使用了这个库。但是此库年久失修，由于Android升级到14后在后台任务方面做了调整，导致了此库出现适配问题无法继续使用，就算是 targetSdk 低于34打包也是一样无法在Android 14的设备上使用（简直坑爹啊~，有木有）。如此严重的问题，时间有限的情况下，那就不得不考虑替换MQTT库了。（不要问我为什么不直接修改源码。狄仁杰：元芳你怎么看？
博客
【星闪网卡】WiFi6+SLE+BLE，三模合一Linux网卡
11-11 1390
Ai-WS1是由深圳市安信可科技有限公司开发的模组。该模组分为两个型号，分别为Ai-WS1-CBS和Ai-WS1-CBE，搭载的核心处理器对应为NW117SV100和NW117EV100，都为高集成2.4GHz SoC WiFi&BLE&SLE芯片，支持Wi-Fi 801.11b/g/n/ax协议，BLE5.2/SLE1.0，NW117SV100和NW117EV100内置高性能自研32bit CPU，最高主频可达240MHz。目前星闪的应用还未大面积普及，需要开发者共同努力。
博客
安信可大功率LoRa模组隆重上市，LoRa-01S/SC-P模组详细介绍+使用教程
10-25 1290
LoRa是semtech公司开发的一种低功耗局域网无线标准，其名称“LoRa”是远距离无线电(Long Range Radio)，它最大特点就是在同样的功耗条件下比其他无线方式传播的距离更远，实现低功耗和远距离的统一，它在同样的功耗下传统的无线射频通信距离扩大3-5倍。Ra-01S-P搭载了射频芯片SX1268，Ra-01SC-P搭载了射频芯片LLCC68，二者主要采用 LoRa™远程调制解调器，用于超长距离扩频通信，抗干扰性强，功耗低。
博客
Ra-09-DTU入门教程，标准LoRaWAN协议对接国外 TTN LoRaWAN 开源服务器。
10-16 630
本文章将说明如何在TTN中创建应用与节点设备，配置安信可Ra-09-DTU设备连接至TTN服务，实现数据发送与接收。注:该教程仅适用于TTN网关覆盖区域，未覆盖区域个人用户需要自建网关并将其连接至TTN服务器进行连接。
博客
【UWB】BU03 UWB室内定位测距模块，配套测试说明
09-08 1622
上次发布了BU04模组和开发套件后，安信可又推出了BU03的定位模组，这两款模组使用的芯片都是一样的，不同的是BU03是没有带主控MCU的，并且体积小巧，大家可以把他集成到自己的主板上，用主芯片直接驱动。
博客
爱星物联——如何给App配置相关帮助文档
08-29 1100
我弄了个OEM App,它里面的帮助中心文档，我想重新配置，该去哪里操作了？以上就是本期分享的内容，更多资料可从我们官网上获取。技术支持：support@aithinker.com。
博客
爱星物联——爱星物联社区版安装部署
08-29 1391
爱星物联云平台支持多种部署方案，社区版目前只支持单机docker部署安装。本文主要简单介绍一下社区版后台的安装和配置。以上就是本期分享的内容，介绍了爱星物联社区版安装部署，更多资料可从我们官网上获取。技术支持：support@aithinker.com。
博客
爱星物联——为什么企业纷纷选择私有云了？
08-29 676
选公有云还是私有云，一直争吵不休，随着近期马斯克的推特不跟公有云玩了，“公私之争”再度掀起热议，且私有云明显占据优势。那么，为什么大企业纷纷选择私有云呢？今天来跟大家探讨一下原因，欢迎踊跃发言~以上就是本期分享的内容，介绍了私有云的优势，更多资料可从我们官网上获取。技术支持：support@aithinker.com。
博客
TB 和 PB 模组的低功耗领域使用
08-13 1379
目前TB-03F和PB-02的AT固件支持两种睡眠模式，即深度睡眠和浅睡眠,在深度睡眠模式下，模块除GPIO唤醒功能外，其他功能全部关闭。浅睡眠模式除了保留GPIO唤醒外，还保持蓝牙的功能，此休眠下的功耗大小，跟发射功率以广播间隔参数设置有关。上电不自动进入浅睡眠模式AT+BLEMODE=0 //设置从机模式AT+RST //复位AT+SLEEP=0 //设置上电不自动进入浅休眠模式上电进入浅睡眠模式AT+BLEMODE=0 //设置从机模式AT+RST //复位。
博客
【UWB】BU04 UWB室内定位测距模块，配套测试说明
08-07 1949
在现代物联网和智能设备的世界中，定位精度和数据传输速度是至关重要的指标。而Ai-Thinker BU04 UWB模块正是一款满足这些高要求的尖端产品。本文将带您详细了解BU04的独特之处及其在测试方法。
博客
M61/M62系列单模组烧录指导（未引出BOOT脚位的情况下）
07-22 851
由于M61和M62的模组常规版本它的boot脚都是背面的圆点焊盘，为了解决部分客户在贴片上板后需要二次烧录，没有背面引出BOOT的问题，特此出如下教程。
博客
Ra-01SCH-P模组详细介绍+使用教程
07-16 1481
LoRa是semtech公司开发的一种低功耗局域网无线标准，其名称“LoRa”是远距离无线电(Long Range Radio)，它最大特点就是在同样的功耗条件下比其他无线方式传播的距离更远，实现低功耗和远距离的统一，它在同样的功耗下传统的无线射频通信距离扩大3-5倍。Ra-01SCH-P 是由深圳市安信可科技有限公司设计开发的 LoRa 系列模组。
博客
Ra-09H系列开发板入门教程，标准LoRaWAN协议对接国外 TTN LoRaWAN 开源服务器。
07-09 853
Ra-09H系列开发板入门教程，标准LoRaWAN协议对接国外 TTN LoRaWAN 开源服务器。
博客
Ra-09系列开发板入门教程，标准LoRaWAN协议对接国外 TTN LoRaWAN 开源服务器。
07-09 1317
Ra-09系列开发板入门教程，标准LoRaWAN协议对接国外 TTN LoRaWAN 开源服务器。
博客
【Ra-09/Ra-09H】二次开发环境搭建以及固件烧录说明
07-09 1735
二次开发环境搭建以及固件烧录说明
博客
M61/M62系列烧录指导（包含模组&开发板）
07-04 1939
Ai-M61/M62系列模组&开发板烧录指南
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值
>