NodeJs 【加強(qiáng)版】實(shí)現(xiàn)跨域WebSocket 即時(shí)通訊

AlphaGooo 發(fā)布于2019-08-30 15:44 / 2153人閱讀

摘要：原生使用起來(lái)不太方便，我們使用，它很好地封裝了接口，提供了更簡(jiǎn)單靈活的接口，也對(duì)不支持的瀏覽器提供了向下兼容。

原生WebSocket API使用起來(lái)不太方便，我們使用Socket.io，它很好地封裝了webSocket接口，提供了更簡(jiǎn)單、靈活的接口，也對(duì)不支持webSocket的瀏覽器提供了向下兼容。

服務(wù)端代碼

根據(jù)不同客戶端傳來(lái)的消息存儲(chǔ)一下不同的對(duì)象

需要安裝 npm i socket.io --save

下載 socket.io.js

nodejs 代碼

const socket = require("socket.io");
const http = require("http");

// 創(chuàng)建服務(wù)
const server = http.createServer((req,res)=>{
    // 允許所有跨域請(qǐng)求
    res.setHeader("Access-Control-Allow-Origin", "*");
    req.writeHead(200,{"Content-Type":"text/html"})
    res.end("")
}).listen(8001)

let pad = null,pc = null , padReady = false , pcReady = false;

// 連接socket.io
socket.listen(server).on("connection",(conn)=>{
    conn.on("message",(str)=>{
        if(str==="Pad"){
            pad = conn;
            padReady = true;
            conn.send("連接成功");
        }
        if(str==="PC"){
            pc = conn;
            pcReady = true;
        }

        if(padReady&&pcReady){
            if(str==="PC") str="我是PC界面"
            pc.send(str);
        }
    })
    
    conn.on("disconnection",(code, reason) => {
        console.log("關(guān)閉連接")
    });
})

pad.html 代碼





    
    Document
    



    正在連接...
    
        aaaaaaa
        bbbbbbb
        ccccccc

pc.html 代碼





    
    Document

云服務(wù)器 GPU云服務(wù)器 websocket 實(shí)現(xiàn)即時(shí)通訊 websocket即時(shí)通訊前端實(shí)現(xiàn)websocket即時(shí)通信 web即時(shí)通訊實(shí)現(xiàn)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/116185.html

相關(guān)文章

NodeJs 【加強(qiáng)版】實(shí)現(xiàn)跨域WebSocket 即時(shí)通訊

摘要：原生使用起來(lái)不太方便，我們使用，它很好地封裝了接口，提供了更簡(jiǎn)單靈活的接口，也對(duì)不支持的瀏覽器提供了向下兼容。原生WebSocket API使用起來(lái)不太方便，我們使用Socket.io，它很好地封裝了webSocket接口，提供了更簡(jiǎn)單、靈活的接口，也對(duì)不支持webSocket的瀏覽器提供了向下兼容。服務(wù)端代碼根據(jù)不同客戶端傳來(lái)的消息存儲(chǔ)一下不同的對(duì)象需要安裝 npm i ...

PAMPANG 2019-08-19 10:21 評(píng)論0 收藏0
NodeJs 【加強(qiáng)版】實(shí)現(xiàn)跨域WebSocket 即時(shí)通訊

摘要：原生使用起來(lái)不太方便，我們使用，它很好地封裝了接口，提供了更簡(jiǎn)單靈活的接口，也對(duì)不支持的瀏覽器提供了向下兼容。原生WebSocket API使用起來(lái)不太方便，我們使用Socket.io，它很好地封裝了webSocket接口，提供了更簡(jiǎn)單、靈活的接口，也對(duì)不支持webSocket的瀏覽器提供了向下兼容。服務(wù)端代碼根據(jù)不同客戶端傳來(lái)的消息存儲(chǔ)一下不同的對(duì)象需要安裝 npm i ...

ivyzhang 2019-08-26 10:36 評(píng)論0 收藏0
即時(shí)通信相關(guān)技術(shù)總結(jié)

摘要：解決問(wèn)題即時(shí)通信要解決三方面的問(wèn)題雙全工通信低延時(shí)支持跨域各種即時(shí)通信技術(shù)輪詢客戶端定時(shí)向服務(wù)器發(fā)送請(qǐng)求，服務(wù)器接到請(qǐng)求后馬上返回響應(yīng)信息并關(guān)閉連接。優(yōu)點(diǎn)實(shí)現(xiàn)真正的即時(shí)通信，而不是偽即時(shí)。解決問(wèn)題即時(shí)通信要解決三方面的問(wèn)題：雙全工通信低延時(shí) 支持跨域各種即時(shí)通信技術(shù) 輪詢客戶端定時(shí)向服務(wù)器發(fā)送Ajax請(qǐng)求，服務(wù)器接到請(qǐng)求后馬上返回響應(yīng)信息并關(guān)閉連接。優(yōu)點(diǎn)：后端程序編寫(xiě)比...

reclay 2019-08-21 17:11 評(píng)論0 收藏0
NodeJs 實(shí)現(xiàn)簡(jiǎn)單WebSocket 即時(shí)通訊

摘要：服務(wù)器的實(shí)現(xiàn)很簡(jiǎn)單，先裝一個(gè)的模塊，叫，直接在命令行中敲入回車就可以安裝好了，然后就可以開(kāi)始建立服務(wù)器了，因?yàn)橛辛四K，所以很多工作都不用我們自己做，直接調(diào)用別人封裝好的方法就行了服務(wù)端代碼根據(jù)客戶端傳來(lái)的消息判斷哪個(gè)是，哪個(gè)是，保存服務(wù)器的實(shí)現(xiàn)很簡(jiǎn)單，先裝一個(gè)nodeJs的模塊，叫nodejs-websocket ，直接在nodeJs命令行中敲入：npm install node...

Karuru 2019-08-30 15:44 評(píng)論0 收藏0
NodeJs 實(shí)現(xiàn)簡(jiǎn)單WebSocket 即時(shí)通訊

摘要：服務(wù)器的實(shí)現(xiàn)很簡(jiǎn)單，先裝一個(gè)的模塊，叫，直接在命令行中敲入回車就可以安裝好了，然后就可以開(kāi)始建立服務(wù)器了，因?yàn)橛辛四K，所以很多工作都不用我們自己做，直接調(diào)用別人封裝好的方法就行了服務(wù)端代碼根據(jù)客戶端傳來(lái)的消息判斷哪個(gè)是，哪個(gè)是，保存服務(wù)器的實(shí)現(xiàn)很簡(jiǎn)單，先裝一個(gè)nodeJs的模塊，叫nodejs-websocket ，直接在nodeJs命令行中敲入：npm install node...

lastSeries 2019-08-26 10:34 評(píng)論0 收藏0