MQTT进阶篇之网页远程控制灯光（云服务器+EMQ+ESP32）

前言

本篇教程是MQTT的进阶篇，在云服务器搭建好了MQTT服务器后，使用网页连接MQTT服务器，并发布相关的控制信息到服务器指定的Topic，ESP32在本地连接WIFI，订阅相同的Topic，收到控制信息后开启关闭响应的灯光。
教程分为三个部分：

1. 网页的编写以及连接MQTT
2. 硬件实现部分
3. 实现效果
4. 资源下载
   

正文

一、网页的编写

网页使用Bootstrap进行界面布局，再使用jQuery监测按钮时间，使用Bootstrap编写的网页是响应式网页，可以在不同的客户端自适应，显得较为美观。网页再通过client.publish(topic, ’ ')函数向服务器发送指令，从而向ESP32发出命令，MQTT部分要通过引用mqtt.min.js来实现。
Bootstrap文档地址：https://v3.bootcss.com/
核心部分代码