制作一个简易的联网聊天室
本帖最后由 三春牛-创客 于 2023-8-26 13:40 编辑使用mind+实时模式制作一个联网聊天室!
本教程需要用到Easy Iot。
第一步:打开mind+的实时模式。
第二步:点击扩展-网络服务-MQTT
第三步:返回主界面,打开浏览器(最好浏览器内核是谷歌,新版的),打开Easy Iot网址:点击打开Easy Iot
第四步:点击右上角的“注册/登录”(这个登录的是社区账号,如果你有社区账号,直接登录)
第五步:登录完成后,来到工作间,点击“添加新的设备”
第六步:添加新的设备后,你可以对这个设备改名(把鼠标光标放在名字右边,可改可不改)
第七步:回到mind+(先不要关闭浏览器),新建一个列表“消息记录”,删掉mind+角色。
第八步:把列表尽量拉大,下面留一些位置,放按钮用。然后在内置角色库里添加一个方形按钮,调整大小,放到预留的位置,点击“造型”标签,点击文本,输入“发送”,调整到合适的位置。(你也可以把灰色换成蓝色,也可以使用调色板换成更多的颜色)
第九步:编程。
1.设置MQTT属性,发起连接。(返回浏览器,把你的账号、密码和topic号填写到积木里)
完整版初始化:
这里用到显示和隐藏是为了避免出现bug(未初始化完成就发送信息)
2.点击发送按钮发送信息
这里用到朗读模块,是因为列表会挡住按钮所说的内容。(加载此模块也要在扩展-网络服务中找到)
3.接收消息
这就是简单版的聊天室了。但是这样分不清是谁发言,所以我们要加个用户名功能。
在角色库里找到椭圆形按钮(形状多样才好看),打开造型编辑器,输入文本“设置用户名”,并放到合适的位置。
4.设置用户名编程。加入广播
接收广播
设置用户名(需要新建变量“用户名”)
用户名应用(发送按钮)
5.使用提示
因为考虑到方便,所以使用消息记录列表来做。
你看到了,还有清除消息记录和刷屏功能,。
那么现在就做!
我们要新建两个广播:显示和隐藏,并让所有角色接收到广播后显示或隐藏,再加一个“刚刚输入的内容”变量。
完整版发送:
完整版接收:
这样就不会出现刷屏的现象了。
——————本教程结束!你学会了吗?——————
23-08-26更新:我不小心把我的IoT账号密码和topic ID发出去了!!!今天看到后台有消息,马上确定是聊天室这里的问题找出这个帖子,真的把我的这些信息泄露出去了!怎么办啊啊啊!谁发的,快出来啊! sorry,把第十八张图弄到后面去了,不过没关系,前面有 还有那张图太大了 挺好的教程。赞{:6_209:} 很有想法{:5_132:} 赤星三春牛! 发表于 2022-1-18 15:17
还有那张图太大了
我给你这玩意做了个究极升级 哎,就是玩 发表于 2022-1-29 14:23
我给你这玩意做了个究极升级
那你发过来看看吧 嗯嗯嗯嗯 赤星三春牛! 发表于 2022-1-29 15:28
那你发过来看看吧
这个暂时还不行,那个玩意我用来比赛的,当然99%原创没抄袭,比完了我可以发给您看看,我也发了个教程
教怎么用Easylot做联机程序,大佬可以给捧个场吗 哎,就是玩 发表于 2022-1-29 15:45
这个暂时还不行,那个玩意我用来比赛的,当然99%原创没抄袭,比完了我可以发给您看看,我也发了个教程
教 ...
好 厉害厉害 QQQQQQQ 发表于 2022-3-13 16:52
厉害厉害
哈哈哈哈 QQQQQQQ 发表于 2022-3-13 16:52
厉害厉害
66666666666666 厉害厉害
页:
[1]