【HarmonyOS HiSpark Wi-Fi IoT 套件试用连载】[soon][三]用python快速搭建MQTT控制红绿灯测试页面 - HarmonyOS技术社区 - 电子技术论坛 - 广受欢迎的专业电子论坛
分享 收藏 返回

soon顺soon 关注 私信
[文章]

【HarmonyOS HiSpark Wi-Fi IoT 套件试用连载】[soon][三]用python快速搭建MQTT控制红绿灯测试页面

本帖最后由 soon顺soon 于 2020-12-8 12:37 编辑

本文分享一种利用python搭建MQTT控制WIFI-IoT的红绿灯测试web页面的方法，实现按下 web页面按键后会发布topic为ledstatus，payload分别为RedLED、YellowLED、GreenLED的消息，如果刚好有兴趣的可以参考下。

WIFI-IoT上收到消息后反转对应LED 状态的相关代码,参阅

一、相关的软件和python库安装
ubuntu20.04中搭建MQTT Broker的指令如下
  1. sudo apt-get install mosquitto
  2. sudo apt-get install mosquitto-clients
  3. sudo apt-get install mosquitto-dev

Ubuntu下用python搭建web会用到的库安装指令如下
  1. pip3 install paho.mqtt
  2. pip3 install web.py

如果是在windows下mqtt的包安装要换成如下
  1. pip install web.py
  2. pip install paho-mqtt

二、用html写个简单的页面"key.html"如下





  6.         Wifi-loT测试页面

  7.         Soon-Wifi-loT

  8.         


  9.         
    tion="/RedLED" method="POST">
  10.                
  11.         

  12.         

  13.                
  14.         

  15.         

  16.                
  17.         



页面比较简洁只有标题和三个按键

三、Python相关代码如下
  1. import web
  2. import paho.mqtt.client
  3. import time

  5. HOSTNAME ="xxxxxx"#请填入你的Broker地址/可以是你局域网ubuntu虚拟机IP，或者云服务器地址
  6. MQTTPORT = 1883#默认1883 具体看你Broker配置
  7. USERNAME ="xxxxxx" #请填入用户名
  8. PASSWD="xxxxxx"#请填入用密码

  10. HTML_PAGE = "key.html"
  11. TOPICE = "ledstatus"
  12. mqtt = paho.mqtt.client

  14. urls = (
  15.     '/RedLED', 'RedLED',
  16.     '/YellowLED', 'YellowLED',
  17.     '/GreenLED', 'GreenLED',
  18.     '/(.*)', 'Wifi_lOT_home'
  19. )

  21. app = web.application(urls, globals())
  22. client_id = time.strftime('%Y%m%d%H%M%S',time.localtime(time.time()))
  23. client = mqtt.Client(client_id)    # ClientId不能重复，所以使用当前时间

  25. # publish 消息
  26. def on_publish(topic, payload, qos):
  27.     client.username_pw_set(USERNAME, PASSWD)  # 必须设置，否则会返回「Connected with result code 4」
  28.     client.connect(HOSTNAME, MQTTPORT, 60)
  29.     client.publish(topic, payload, qos)

  31. class Wifi_lOT_home:
  32.     def GET(self, name):
  33.         file = open(HTML_PAGE, "rb+")
  34.         return file.read()
  35.     def POST(self):
  36.         print ("test soon")
  37.         
  38. class RedLED:  
  39.     def POST(self):
  40.         print ("RedLED POST")
  41.         on_publish(TOPICE, "RedLED".encode(),0)
  42.         file = open(HTML_PAGE, "rb+")
  43.         return file.read()           

  45. class YellowLED:
  46.     def POST(self):
  47.         print ("YellowLED POST")
  48.         on_publish(TOPICE,"YellowLED".encode(),0)
  49.         file = open(HTML_PAGE, "rb+")
  50.         return file.read()        

  52. class GreenLED:  
  53.     def POST(self):
  54.         print ("GreenLED POST")
  55.         on_publish(TOPICE,"GreenLED".encode(),0)
  56.         file = open(HTML_PAGE, "rb+")
  57.         return file.read()  

  59. if __name__ == "__main__":
  60.     app.run()

四、运行指令和效果
运行指令python3 -u xxxxxx.py 端口  ，如 python3 -u keyEvent.py 8080
然后在浏览器输入http://localhost:8080/  或者http://（ubuntu IP/server IP）:8080/ 就能看到以下页面
Key.html

附相关代码
python_mqtt_web.7z (1.18 KB)
(下载次数: 5, 2020-11-22 20:36 上传)









更多回帖

我也要说两句 回帖

相关讨论

×
发帖