webSocket用法

chunquedong 發布于2019-08-26 12:12 / 2587人閱讀

摘要：在做項目的時候，需要后臺向前端推送消息的功能。在這個項目中我使用的是這個新的瀏覽器的目標是在一個多帶帶的持久連接上提供全雙工，雙向通信。使用了自定義的協議，所以模式也略有不同。未加密的連接不再是，而是加密的連接也不是，而是。

在做項目的時候，需要后臺向前端推送消息的功能。在這個項目中我使用的是webSocket這個新的瀏覽器API.
webSocket的目標是在一個多帶帶的持久連接上提供全雙工，雙向通信。
Web Sockets 使用了自定義的協議，所以 URL 模式也略有不同。未加密的連接不再是 http://，而是 ws://;加密的連接也不是 https://，而是 wss://。在使用 Web Socket URL 時，必須帶著這個模式。
代碼：

function simtonWebsocket(){
        try{
            //實例化一個WebSocket對象并要傳入要鏈接的url
            //url=ws://61.160.81.178:18000/xxx/xxxxx
            var ws=new WebSocket(url);
            ws.onopen=function(event){
            //在成功建立時觸發
                console.log(event);
            }
            
            ws.onmessage=function(event){
                //你的業務代碼，接受后端推送過來的代碼
                console.log(event)
            };
            ws.onclose=function(event){
                console.log("WebSocket與瀏覽器斷開鏈接!"+event);
            }
            ws.onerror=function(){
                console.log("wm-WebSocket異常！!"+event);
            }
            
        }catch(e){
            console.log("該瀏覽器不支持WebStore!");
            //TODO handle the exception
        }
    }

注：如果你想往后端推送數據，可以使用
ws.send(data)
因為Web Socket只能接受和發送純為本數據，所以對數稍微復雜的數據，可以把他轉化為JSON字符串

GPU云服務器云服務器 WebSockets WebSocket rtc websocket cdn websocket

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

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

React系列——websocket群聊系統在react的實現

摘要：前奏這篇文章僅對不熟悉在中使用的人以及入門者有幫助。基本介紹想要實現一種實時的雙向通信聊天系統，你可能會想到輪詢長或短，但你最想要的還是的實現。客戶端的實現端的實現，才是我們應該關注的重點。前奏這篇文章僅對不熟悉在react中使用socket.io的人、以及websocket入門者有幫助。下面這個動態圖展示的聊天系統是用react+express+websocket搭建的，很模糊...

Acceml 2019-08-22 11:17 評論0 收藏0
html5新特性與用法大全了解一下

摘要：有好多小伙伴私聊我問我新特性和用法，下面我給大家具體介紹一下都新加了哪些新特性，下面我給大家總結一下。簡單了解一下就可以。有好多小伙伴私聊我問我html5新特性和用法，下面我給大家具體介紹一下html5都新加了哪些新特性，下面我給大家總結一下。 1)新的語義標簽 footer header 等等2）增強型表單表單2.03）音頻和視頻4）canvas 繪圖5） SVG繪圖6）地理定位7）...

番茄西紅柿 2019-04-23 13:23 評論0 收藏0
Django WebSocket Redis 在線聊天室

摘要：它采用了請求響應模型。通信請求只能由客戶端發起，服務端對請求做出應答處理弊端協議無法實現服務器主動向客戶端發起消息。如何使用客戶端創建對象屬性表示連接狀態可選值表示連接尚未建立。表示連接正在進行關閉。一言不合就上效果圖演示showImg(https://segmentfault.com/img/bVbkUDl?w=1920&h=638); 項目：http://112.74.164.1...

ranwu 2019-07-30 18:38 評論0 收藏0