AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容

1.核心代码截图:

AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
mqtt初始化参数
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
接收到的mqtt消息是字符串,需要转为整数,才能组成RGB,并且字符是从第一个开始
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容

AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容

2.实验效果图:

AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容

3.测试/调试及实验结果分析

打开SIot软件,在地址栏输入127.0.0.1:8084, 输入config.json 文件里的id 和password,登陆。此处我将config.json文件里的端口改为8084

发送消息,输入topic(项目id/设备名)
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
进入MIP AppInventor网页版,导入项目,打开逻辑设计,初始化全局变量
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
手机扫描二维码,下载MQTT IOT Light
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
AppInventor结合sIoT实现手机app控制掌控板的灯和显示内容
设置好参数后,滑动滑块便可调节灯光颜色

4.实验结论与体会

手机开热点给电脑,ipconfig找到无线局域网ip地址,此地址为siot服务器地址,掌控板连接到此局域网,MQTT IOT Light,设置参数,相当于手机也在此局域网siot服务器,然后进行mqtt通信,从而调节灯光颜色。