只要会用电脑就能看懂的物联网教程(阿里云+esp8266+微信小程序)
爱学习的素丸子
2020年03月07日 01:51
收录于文集
共5篇

本人最近花了几天时间,功夫不负有心人终于完成了第一个物联网小项目,过程比较艰难,因为自己也是个小白也看了很多教程,但每个教程侧重点不同,不详细,不适合我们小白。现在给大家分享个详细的教程。希望大哥大姐们喜欢!!!

文章中需要的资源文件网盘链接密码

链接:https://pan.baidu.com/s/1kmvVy4_shU4ebQMmepjKWg 提取码:g1yr 

给大家分享几个教程视频,大家也可以关注下UP主:侧重阿里云端的教程​;太极创客!超级详细,侧重ESP8266​;   微信小程序基础,多看开发者文档​

一.所需材料

ESP8266-NodeMcu开发板一块

二.阿里云端

  1. 百度搜索阿里云,然后点击控制台,自己注册一个账号

2.选择物联网平台

3.点击设备管理,选择产品,创建产品

4.给产品起个好听的名字;在标准品类,选择智能生活,在第6页选择灯;节点类型选择直连设备 ;连网方式选择WIFI;数据格式选择ICA标准数据类型;然后点击保存;我们的产品就建立好了;

5.然后在产品下创建两个设备一个微信端,一个ESP8266端;首先我们建立微信端;点击设备;添加设备;产品选择刚刚我们建立的产品;再给设备起个名字,支持英文,不过可以备注中文名;点击确认;我们的一个设备就建立好了;同样的方法在建立一个ESP8266端的设备,在此就不再赘述了

6.阿里云端就先到这里,至此我们已经建立好了产品和设备!!!!接下来我们让设备来连接云!!!!

三.ESP8266端

1.搭建ESP8266-NodeMcu开发环境的安装;打开压缩包里的ESP8266端目录;然后点击arduinoIDE,进行安装,安装位置尽量选择除C盘以外的盘(记住安装的位置,后续安装第三方库需要复制到安装目录下);

2.打开arduinoIDE;在arduinoIDE中安装ESP8266所需文件;点击文件,首选项,在点击打开下图中C盘的文件夹,再将刚才我们下载的安装包中“arduinoIDE安装ESP8266开发环境”文件中的文件复制到此文件夹目录下,选择替换;再将arduinoIDE关闭重启下,我们就安装好了;然后点击 工具->开发板->选择“NodeMcu 1.0(ESP-12E Module)”

将此文件中的安装包解压->再打开文件夹->将里面的内容复制到刚才打开的C盘目录下

3.安装USB驱动;ESP8266USB芯片有两种CH340和CP2102;我们在USB驱动文件中对应安装即可;

4.安装程序需要的第三方库;将"arduino IDE物联网所需第三方库&#​34;中的安装包解压后将文件复制到->arduinoIDE安装目录下的"libraries&#​34;;然后再关闭重启arduinoIDE,我们的第三方库就安装好了!!

复制到这里

5.上传源码,我们打开"arduino源码&#​34;->再双击打开"aliyun.ino&#​34;文件。

6.我们终于到了最后一步连云!!选则自己要控制的开发板引脚;将代码中的WIFI名称和密码,阿里云的三元组替换为自己的信息;将ESP8266开发板与电脑连接:点击“工具”->"端口&#​34;,选择连接开发板的端口;上传完成以后,过一段时间后我们刷新页面就会发现ESP8266端已经在线了!!!!

点开之后就会显示三元组信息

四.微信端

1.百度搜索微信公众平台,自己申请个微信小程序账号;下载微信开发者工具并安装开发者工具;

2.建立自己微信端的工程;点击查看详情;复制自己的APPID;建立一个项目文件,目录不含中文;选择不使用云服务;点击建立;就完成了

3.复制工程;打开小程序刚刚建立的工程文件目录,关闭微信开发者工具(否则无法删除文件),然后将原来文件全部删除;打开"小程序端&#​34;的文件,复制到工程目录下;

原有文件全部删除

复制粘贴到上图目录

4.微信端连云;打开微信开发者工具;在pages->indes->indes.js文件目录中将微信端的阿里云三元组进行替换;

编译前需要将本地设置,不效验本地合法域名。。。。勾选

5.至此我们微信端和ESP8266端都已经连云;

五.建立设备间的通讯

1.建立微信发布Topic;点击产品->Topic列表->自定义Topic->定义Topic->权限选择发布,再起个能记住的名字,并记住。

2.然后我们再设备->WeiXinDuan->Topic列表中找到我们定义的Topic了

3.点击规则引擎->云产品流传->创建规则数据格式选择JSON格式

4.字段随便填个先,选择自定义再选择我们的产品;选择我们自定义的微信端发布Topic

选择我们刚刚自定义的Topic

5.创建订阅端ESP8266的SQL;我们先来到ESP8266的 在线调试 这里,研究下的订阅的ESP8266端的Topic;

6.发送几条指令,这时你会发现开发板上的LED灯你已经在控制他的亮灭了

7.我们来到ESP8266的 日志服务 这里就是我们刚刚下发数据的记录了

8.点击蓝色数字复制这个Topic

9.建立ESP8266端的SQL,然后把他启动了

10.最后一步,我们需要把刚刚自定义的微信端发布的Topic,复制到微信工程里就好了!!!

点就预览就可以在移动端控制了,要显示连接成功才可以,不行就退下后台重新进

然后大家编译后就可以控制小灯了,发布后在微信公众平台找到二维码就可以在移动端体验了!