搭建前準(zhǔn)備工作
1笑跛、安裝 Hbuilder漓柑,官方下載地址:https://www.dcloud.io/hbuilderx.html服鹅,下載app開發(fā)版
2、下載前端uniapp程序:https://github.com/wzJun1/uni-nvue-chat
3履腋、下載websocket端workerman程序:https://github.com/wzJun1/uni-nvue-chat-websocket
開整
websocket端
啟動(dòng)停止(Linux系統(tǒng))
以debug方式啟動(dòng) php start.php start
以daemon方式啟動(dòng) php start.php start -d
啟動(dòng)停止(Windows系統(tǒng))
雙擊start_for_win.bat
uniapp端
1、將前端項(xiàng)目源碼惭嚣,導(dǎo)入HbuilderX
2遵湖、在store/user.js中修改websocket地址為你搭建好的地址
3、綁定項(xiàng)目云空間晚吞,默認(rèn)騰訊云延旧,如需阿里云需要將 cloudfunctions-tcb 改成 cloudfunctions-aliyun
4、如默認(rèn)騰訊云载矿,則需初始化數(shù)據(jù)庫垄潮,右鍵 db_init.json 初始化
5、上傳云函數(shù)及公共函數(shù)
6闷盔、編譯使用
測(cè)試
打開兩個(gè)瀏覽器窗口弯洗,分別注冊(cè)兩個(gè)賬號(hào),加為好友
最后上下效果圖
QQ圖片20200827105357.png
QQ圖片20200827105404.png