搭建 uniapp+workerman 即时通讯聊天APP

搭建前准备工作

1、安装 Hbuilder,官方下载地址:https://www.dcloud.io/hbuilderx.html,下载app开发版
2、下载前端uniapp程序:https://github.com/wzJun1/uni-nvue-chat
3、下载websocket端workerman程序:https://github.com/wzJun1/uni-nvue-chat-websocket

开整

websocket端

启动停止(Linux系统)
以debug方式启动 php start.php start
以daemon方式启动 php start.php start -d
启动停止(Windows系统)
双击start_for_win.bat

uniapp端

1、将前端项目源码,导入HbuilderX
2、在store/user.js中修改websocket地址为你搭建好的地址
3、绑定项目云空间,默认腾讯云,如需阿里云需要将 cloudfunctions-tcb 改成 cloudfunctions-aliyun
4、如默认腾讯云,则需初始化数据库,右键 db_init.json 初始化
5、上传云函数及公共函数
6、编译使用

测试

打开两个浏览器窗口,分别注册两个账号,加为好友

最后上下效果图


QQ图片20200827105357.png
QQ图片20200827105404.png

你可能感兴趣的:(搭建 uniapp+workerman 即时通讯聊天APP)