wifi插座远程开关(WIFI智能插座保姆级教程)

简介:使用磁保持继电器的WIFI智能插座。

  • 节电性能优良,整体功耗只有0.65W左右。
  • 可长期使用不会造成继电器线圈发热。
  • 还支持MQTT和OTA在线升级固件。

本文以WIFI智能插座为主题,讲述ESP12S、ESP8266 硬件等的使用技巧……并完成智能插座的制作!

下文为软件、硬件安装步骤,超级详细,可以一步一步跟着做~

安装步骤导航(7步):给ESP12S刷固件(3)、配网设置MQTT参数等(5)、安装MQTT APP并设置参数(4)、焊接、测试、最后的焊接、装壳。

安装步骤


1.先给ESP12S刷好固件

1.软件工程导入

1.安装Visual Studio Code(vscode),免费软件,请自行百度安装教程。

2.在vscode里面安装PlatformIO插件,请自行百度。

3.将工程《磁保持WIFI智能插座》附件中的《VSCODE源代码》。

  • 解压缩以后用VSCODE打开里面的文件夹,就等于打开了这个软件项目。
  • 下载附件解压缩,可以看到里面有一个文件夹WIFI_PLUG_ESP12S_HF3F 。
  • 文件夹根里面有一个platformio.ini

如果不清楚,请私信我【701固件】。这里无法上传文件……

4.在vscode 菜单->文件->打开文件夹->到上一步解压缩的WIFI_PLUG_ESP12S_HF3F 文件夹->选择文件夹。

5.这样软件工程就导入完成了。

2.编译并上传固件(烧录固件)

1.把ESP12S卡在ESP8266开发测试架/烧录器上,插入到电脑上的USB口,可能需要自己装驱动。

wifi插座远程开关(WIFI智能插座保姆级教程)(1)

根据USB口不同,可能还需要修改一下platformio.ini文件里面的COM5,改成你自己的COM口。

怎么看COM口?我的电脑->设备管理器->端口

wifi插座远程开关(WIFI智能插座保姆级教程)(2)

2.将ESP8266开发测试架/烧录器打开电源,在vscode里面打开文件 src/main.cpp,并点击PlatformIO:Upload。

3.因本软件使用了LittleFS文件系统,因此还需要给ESP12S安装文件系统。依次点击如下1、2、3、4按钮:

wifi插座远程开关(WIFI智能插座保姆级教程)(3)

文件系统安装完成。

3.软件运行:

1.依次点击如下1、2按钮。

wifi插座远程开关(WIFI智能插座保姆级教程)(4)

wifi插座远程开关(WIFI智能插座保姆级教程)(5)

2.按一下ESP8266开发测试架/烧录器上的RST复位按钮,重启ESP12S。

wifi插座远程开关(WIFI智能插座保姆级教程)(6)

3.在vscode界面看到这串输出,就表示软件在正常运行了。

wifi插座远程开关(WIFI智能插座保姆级教程)(7)

2.给ESP12S配网,设置好MQTT参数等

1.设备启动流程

插电启动:LED快速闪烁3次以后,闪3次以后才能按钮,否则设备无法正常启动

  • 按住2秒以后放手,进入了WEB配网程序(此时LED快速闪烁)。
  • 按住6秒以后放手,进入微信扫码配网(此时LED慢速闪烁)
  • 启动没按钮就进入自动WIFI连网,此时LED每秒闪2次
  • 连网成功,就通过NTP初始化时间,还有自动连接MQTT服务器,开始正常运行(此时LED常亮3分钟后熄灭)。

本设备只支持2.4G WIFI,不支持5G WIFI。

WEB配网或微信扫码都可以配置WIFI密码,但WEB配网可同时设置MQTT等参数,而微信扫码设置不了MQTT参数。

设备初次启动设置初始参数:(建议按照以下顺序

插电启动(LED快闪3次)->按钮6秒放手->微信扫码配网->自动重启(LED快闪3次)->按钮2秒放手->WEB配网->自动重启(LED快闪3次)->正常使用。

2.微信扫码配网

用手机微信扫描附件里的配网码,进入微信配网小程序。找到上网用的WIFI以后,填写WIFI密码,就可以通过手机传WIFI ssid和密码给设备。设备配网成功以后会自动重启,进入启动流程。

3.WEB配网

此时设备会生成一个配网用的软件AP热点,参数如下:

IP:192.168.4.1ssid:qwerpassword:asdfghjkl

  • 用手机连上这个WIFI以后,在手机浏览器输入 http://192.168.4.1
  • 进入配网的网页
  • 设置上网WIFI的ssid和password,还有MQTT服务器的参数。

MQTT服务器参数示例:

host:broker-cn.emqx.io (有很多免费的MQTT服务器,可以自行百度)port:1883topic:oldfox126/esp12s/hf3f/{randid} (设备初始化时会自动生成唯一的{randid},一般不用修改)

OTA固件链接:http://x.x.x.x/data/esp12s.bin

你可以把固件编译好以后上传到自己的服务器,供设备升级。

也可以直接用我这个现成的固件链接:http://47.242.57.107/data/esp12s_hf3f.bin

OTA链接使用IP地址比使用域名更稳定。

设置好以后,设备自动重启,再次进入启动流程。

4.按钮操作

设备启动并且联网以后正常运行时:

  • a)每短按一下按钮切换插座通电状态,开->短按->关,或者 “关”->短按->开
  • c)按住按钮10秒以上则重启设备。

5.OTA在线升级

OTA升级时,LED会随下载进度快速闪烁。

升级成功后会自动重启。

3.在手机上安装MQTT APP,并设置好服务器等参数。

1.APP安装

从《磁保持WIFI智能插座》项目的工程附件中下载

安卓手机APP-MQTT dashboard_v0.4.5_apkpure.com.apk.zip

解压并传到安卓手机上安装APP。

我为什么要使用这个APP,因为好多同类型的MQTT APP,界面就是黑乎乎的一坨(懂的自然懂)。

而这个APP的界面,包括字体、大小、颜色、图标、背景色、位置等好多选项可以自定义。

最终呈现的效果可以很漂亮(颜值既正义),它就是众多黑乎乎的MQTT APP中的一股清流。这是该APP自带的示例:

wifi插座远程开关(WIFI智能插座保姆级教程)(8)

虽然很漂亮,但以上界面不太适合我们这个《磁保持WIFI智能插座》项目。

我们最终设置好的界面类似于这样:

wifi插座远程开关(WIFI智能插座保姆级教程)(9)

2.设置MQTT服务器

进APP以后默认是这个界面,首先点一下右上角。

wifi插座远程开关(WIFI智能插座保姆级教程)(10)

点MQTT connections。

wifi插座远程开关(WIFI智能插座保姆级教程)(11)

点开第一个服务器进去操作。

wifi插座远程开关(WIFI智能插座保姆级教程)(12)

点编辑。

wifi插座远程开关(WIFI智能插座保姆级教程)(13)

在服务器参数设置界面,红框的位置输入:broker-cn.emqx.io ,其他地方都保持默认。填好以后点右上角的保存。

wifi插座远程开关(WIFI智能插座保姆级教程)(14)

到这里MQTT服务器参数就设置好了。

3.新增一个仪表盘

进入这个界面以后点击左上角进入菜单。

wifi插座远程开关(WIFI智能插座保姆级教程)(15)

在菜单里面选择Dashboards。

wifi插座远程开关(WIFI智能插座保姆级教程)(16)

点右上角的 号新建一个仪表盘。

wifi插座远程开关(WIFI智能插座保姆级教程)(17)

输入你想要的名字(比如磁保持WIFI插座),然后点右上角的保存。

wifi插座远程开关(WIFI智能插座保姆级教程)(18)

4.给仪表盘增加装置

在仪表盘列表,点击刚新增的仪表盘(磁保持WIFI插座)。

wifi插座远程开关(WIFI智能插座保姆级教程)(19)

在插座这个界面点击右上角的 号增加一个装置。

wifi插座远程开关(WIFI智能插座保姆级教程)(20)

装置类型选择Toggle(切换开关,在ON/OFF两种状态间切换)。

wifi插座远程开关(WIFI智能插座保姆级教程)(21)

填写切换开关的参数:

wifi插座远程开关(WIFI智能插座保姆级教程)(22)

Name:开关MQTT enable:打开MQTT connection:选择 broker-cn.emqx.ioSubscribe to topic:oldfox126/esp12s/hf3f/s4QEJYlo/stat/relayQos(Qos for subscribe/Qos for publish):2Topic for publish:oldfox126/esp12s/hf3f/s4QEJYlo/relay/in

上面这个加粗黑体字的部分,实际上是:《配网操作说明》 中的topic参数:oldfox126/esp12s/hf3f/s4QEJYlo

所以只要在配网的时候把topic参数保存在手机微信或者记事本,需要用的时候直接复制出来就好

ps:以下所有设置中的 oldfox126/esp12s/hf3f/s4QEJYlo 都应该替换成你自己的topic参数。全部填好以后,点击界面右上角的保存。保存好以后界面是这样的,再点击右上角的 号增加一个装置。

wifi插座远程开关(WIFI智能插座保姆级教程)(23)

这次装置类型选择Text(文本)。

wifi插座远程开关(WIFI智能插座保姆级教程)(24)

填写文本装置相应的参数并点右上角的保存:

wifi插座远程开关(WIFI智能插座保姆级教程)(25)

Name:当前时间MQTT enable:打开connection:broker-cn.emqx.ioSubscribe: oldfox126/esp12s/hf3f/s4QEJYlo/stat/timeQos:0 publish:无

QOS是质量、优先级。

取值0-2,0最低,2最高。

  • 这里的当前时间值因为每秒钟都要接收,不太重要所以取值为0;
  • 上面的开关值比较重要所以Oos取值2。

到这里仪表盘装置已经开始运行了(时间在走)。

wifi插座远程开关(WIFI智能插座保姆级教程)(26)

但是很奇怪,时间后面有一个单位,要修改一下:

  • 当前时间4个字上按住不放,出来的菜单里面选择Edit
  • 在编辑界面依次点击 Design(设计) -> Unit(单位) -> Show unit(显示单位) -> 关闭显示,然后点右上角的保存。

wifi插座远程开关(WIFI智能插座保姆级教程)(27)

好了时间显示终于正常了。

wifi插座远程开关(WIFI智能插座保姆级教程)(28)

但是显示的地方太窄了,我想拉宽一点,点这里修改界面。

可以更改装置的上下左右位置以及装置大小。

当前时间这个装置的右下角这里按住不放,往右边拖到边,放手

wifi插座远程开关(WIFI智能插座保姆级教程)(29)

把当前时间拉到足够的宽度以后,点右上角的保存。

wifi插座远程开关(WIFI智能插座保姆级教程)(30)

最终效果:

wifi插座远程开关(WIFI智能插座保姆级教程)(31)

其他的仪表盘装置设置请自行完成,必须的参数列在下面(没错,我就是懒):

wifi插座远程开关(WIFI智能插座保姆级教程)(32)

wifi插座远程开关(WIFI智能插座保姆级教程)(33)

一共七项,更多请查看文章最后的截图。

4.焊接

将ESP12S焊接到模块上:

  • PCB_插座主体上焊接,安装元器件。
  • 将ESP12S模块焊到主体PCB上。
  • 焊到这个程度就可以了,公母一体插座(红色圈圈的部分)先不要焊。
  • 另外在蓝色箭头指示位置,5V(红色)/GND(黑色)分别焊接2根杜邦线公头。

wifi插座远程开关(WIFI智能插座保姆级教程)(34)

5.测试

ESP8266开发测试架/烧录器上取电:

  • 5V(红色)/GND(黑色)分别插上2根杜邦线母头;
  • 将上一步骤的2根公头插上。

wifi插座远程开关(WIFI智能插座保姆级教程)(35)

开电测试:

  • 看看MQTT APP上是否能正常显示跳动的时间(说明ESP12S模块焊接好,连接WIFI正常,并连上了MQTT服务器);
  • 开关是否反应正常(LED会随开关亮灭);
  • 用万用表测量继电器的输出是否能被MQTT APP的开关控制,正常通断。

wifi插座远程开关(WIFI智能插座保姆级教程)(36)

6.最后的焊接

以上测试都通过以后,说明插座软硬件功能正常。

可以关电把2根杜邦线焊下来,焊接公母一体的插座。

wifi插座远程开关(WIFI智能插座保姆级教程)(37)

7.装壳

全部焊接好,可以装壳了。

wifi插座远程开关(WIFI智能插座保姆级教程)(38)

wifi插座远程开关(WIFI智能插座保姆级教程)(39)

设计图

wifi插座远程开关(WIFI智能插座保姆级教程)(40)

原理图

wifi插座远程开关(WIFI智能插座保姆级教程)(41)

PCB

wifi插座远程开关(WIFI智能插座保姆级教程)(42)

如果你认为有用就点赞、收藏、关注一下八~

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页