NodeJs 【加強版】實現跨域WebSocket 即時通訊

ivyzhang 發布于2019-08-26 10:36 / 2613人閱讀

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

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

服務端代碼

根據不同客戶端傳來的消息存儲一下不同的對象

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

下載 socket.io.js

nodejs 代碼

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

// 創建服務
const server = http.createServer((req,res)=>{
    // 允許所有跨域請求
    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("關閉連接")
    });
})

pad.html 代碼





    
    Document
    



    正在連接...
    
        aaaaaaa
        bbbbbbb
        ccccccc

pc.html 代碼





    
    Document

云服務器 GPU云服務器 websocket 實現即時通訊 websocket即時通訊前端實現websocket即時通信 web即時通訊實現

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106459.html

NodeJs 【加強版】實現跨域WebSocket 即時通訊

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

PAMPANG 2019-08-19 10:21 評論0 收藏0
NodeJs 【加強版】實現跨域WebSocket 即時通訊

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

AlphaGooo 2019-08-30 15:44 評論0 收藏0
即時通信相關技術總結

摘要：解決問題即時通信要解決三方面的問題雙全工通信低延時支持跨域各種即時通信技術輪詢客戶端定時向服務器發送請求，服務器接到請求后馬上返回響應信息并關閉連接。優點實現真正的即時通信，而不是偽即時。解決問題即時通信要解決三方面的問題：雙全工通信低延時支持跨域各種即時通信技術輪詢客戶端定時向服務器發送Ajax請求，服務器接到請求后馬上返回響應信息并關閉連接。優點：后端程序編寫比...

reclay 2019-08-21 17:11 評論0 收藏0
NodeJs 實現簡單WebSocket 即時通訊

摘要：服務器的實現很簡單，先裝一個的模塊，叫，直接在命令行中敲入回車就可以安裝好了，然后就可以開始建立服務器了，因為有了模塊，所以很多工作都不用我們自己做，直接調用別人封裝好的方法就行了服務端代碼根據客戶端傳來的消息判斷哪個是，哪個是，保存服務器的實現很簡單，先裝一個nodeJs的模塊，叫nodejs-websocket ，直接在nodeJs命令行中敲入：npm install node...

Karuru 2019-08-30 15:44 評論0 收藏0
NodeJs 實現簡單WebSocket 即時通訊

摘要：服務器的實現很簡單，先裝一個的模塊，叫，直接在命令行中敲入回車就可以安裝好了，然后就可以開始建立服務器了，因為有了模塊，所以很多工作都不用我們自己做，直接調用別人封裝好的方法就行了服務端代碼根據客戶端傳來的消息判斷哪個是，哪個是，保存服務器的實現很簡單，先裝一個nodeJs的模塊，叫nodejs-websocket ，直接在nodeJs命令行中敲入：npm install node...

lastSeries 2019-08-26 10:34 評論0 收藏0