在微信這個(gè)聊天工具里的小程序上實(shí)現(xiàn)聊天功能,總感覺怪怪的。但領(lǐng)導(dǎo)要求了,總是要干的。
然后就實(shí)時(shí)通訊這個(gè)關(guān)鍵詞展開搜索,穿梭于網(wǎng)頁之間。不過粘貼復(fù)制的真的太多了,找了半天也沒找到想要的,不過還是提取到了關(guān)鍵詞的WebSocket和node.js的,然后搜索這兩是啥,什么關(guān)系,總算明白了一點(diǎn)。
最后確定了第一步需要干的是用node.js搭建服務(wù)(我是裝在自己的windows下的):
1.首先到官網(wǎng)下載node.js,下載鏈接
安裝很簡(jiǎn)單,雙擊下載好的文件,直接下一步一步,沒什么特殊的選擇,路徑默認(rèn)就好
可以打開命令行窗口輸入 node -v會(huì)輸出版本,來檢驗(yàn)是否安裝成功,其實(shí)這個(gè)也沒什么必要
2.然后新建一個(gè)文件夾(我的node.js是安裝在Ç盤的,然后再d盤下新建了個(gè)叫webSocket的文件夾)
然后用命令轉(zhuǎn)到該目錄下:在這個(gè)文件下安裝我們要使用的模塊:安裝模塊前需要先生成一個(gè)配置文件,不然會(huì)報(bào)錯(cuò)(反正我報(bào)了)
生成配置文件命令:npm init -f
執(zhí)行后可以看到在該文件下多了一個(gè)叫package.json的配置文件,先不用管(后面也沒管過),接下來繼續(xù)安裝模塊的操作
剛開始我是安裝的socket.io,后來發(fā)現(xiàn)小程序根本用不了,所以這里也不說socket.io了。我們這里用ws
安裝ws命令:npm install --save ws
(卸載模塊命令:npm uninstall 模塊名字)
3.安裝好模塊后,在你目錄下創(chuàng)建一個(gè).js文件,我這是一個(gè)ws.js
我這里肯定會(huì)比你們的文件要多,不用在意。
然后打開這個(gè).js文件,開始編輯你的服務(wù)端代碼,這個(gè)隨便你用記事本還是其他什么軟件
這是最簡(jiǎn)單基礎(chǔ)的一個(gè)打開連接,響應(yīng)的代碼:
//引入ws模塊 const WebSocket = require('ws'); //創(chuàng)建服務(wù) port是端口 const wss = new WebSocket.Server({ port: 80}); //客戶端連接時(shí)會(huì)進(jìn)這個(gè) wss.on('connection', function connection(ws) { console.log('連接成功'); //客戶端發(fā)送消息時(shí)會(huì)觸發(fā)這個(gè) ws.on('message', function incoming(data) { console.log('收到消息'); //data是客戶端發(fā)送的消息,這里clients.foreach是廣播給所有客戶端 wss.clients.forEach(function each(client) { //把客戶端發(fā)來的data,循環(huán)發(fā)給每個(gè)客戶端 client.send(data); }); }); });
文章標(biāo)題:使用node.js實(shí)現(xiàn)微信小程序?qū)崟r(shí)聊天功能-創(chuàng)新互聯(lián)
本文來源:http://jinyejixie.com/article28/gpecp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、標(biāo)簽優(yōu)化、全網(wǎng)營(yíng)銷推廣、ChatGPT、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容