資訊專欄INFORMATION COLUMN
摘要：在做項(xiàng)目的時(shí)候，需要后臺(tái)向前端推送消息的功能。在這個(gè)項(xiàng)目中我使用的是這個(gè)新的瀏覽器的目標(biāo)是在一個(gè)多帶帶的持久連接上提供全雙工，雙向通信。使用了自定義的協(xié)議，所以模式也略有不同。未加密的連接不再是，而是加密的連接也不是，而是。
在做項(xiàng)目的時(shí)候，需要后臺(tái)向前端推送消息的功能。在這個(gè)項(xiàng)目中我使用的是webSocket這個(gè)新的瀏覽器API.
webSocket的目標(biāo)是在一個(gè)多帶帶的持久連接上提供全雙工，雙向通信。
Web Sockets 使用了自定義的協(xié)議，所以 URL 模式也略有不同。未加密的連接不再是 http://， 而是 ws://;加密的連接也不是 https://，而是 wss://。在使用 Web Socket URL 時(shí)，必須帶著這個(gè) 模式。
代碼：
function simtonWebsocket(){
try{
//實(shí)例化一個(gè)WebSocket對(duì)象并要傳入要鏈接的url
//url=ws://61.160.81.178:18000/xxx/xxxxx
var ws=new WebSocket(url);
ws.onopen=function(event){
//在成功建立時(shí)觸發(fā)
console.log(event);
}
ws.onmessage=function(event){
//你的業(yè)務(wù)代碼，接受后端推送過(guò)來(lái)的代碼
console.log(event)
};
ws.onclose=function(event){
console.log("WebSocket與瀏覽器斷開(kāi)鏈接!"+event);
}
ws.onerror=function(){
console.log("wm-WebSocket異常！!"+event);
}
}catch(e){
console.log("該瀏覽器不支持WebStore!");
//TODO handle the exception
}
}
注：如果你想往后端推送數(shù)據(jù)，可以使用
ws.send(data)
因?yàn)閃eb Socket只能接受和發(fā)送純?yōu)楸緮?shù)據(jù)，所以對(duì)數(shù)稍微復(fù)雜的數(shù)據(jù)，可以把他轉(zhuǎn)化為JSON字符串
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/108215.html
摘要：前奏這篇文章僅對(duì)不熟悉在中使用的人以及入門者有幫助。基本介紹想要實(shí)現(xiàn)一種實(shí)時(shí)的雙向通信聊天系統(tǒng)，你可能會(huì)想到輪詢長(zhǎng)或短，但你最想要的還是的實(shí)現(xiàn)?？蛻舳说膶?shí)現(xiàn)端的實(shí)現(xiàn)，才是我們應(yīng)該關(guān)注的重點(diǎn)。 前奏 這篇文章僅對(duì)不熟悉在react中使用socket.io的人、以及websocket入門者有幫助。 下面這個(gè)動(dòng)態(tài)圖展示的聊天系統(tǒng)是用react+express+websocket搭建的，很模糊...
摘要：有好多小伙伴私聊我問(wèn)我新特性和用法，下面我給大家具體介紹一下都新加了哪些新特性，下面我給大家總結(jié)一下。簡(jiǎn)單了解一下就可以。有好多小伙伴私聊我問(wèn)我html5新特性 和用法，下面我給大家具體介紹一下html5都新加了哪些新特性，下面我給大家總結(jié)一下。 1)新的語(yǔ)義標(biāo)簽 footer header 等等2）增強(qiáng)型表單 表單2.03）音頻和視頻4）canvas 繪圖5） SVG繪圖6）地理定位7）...
摘要：它采用了請(qǐng)求響應(yīng)模型。通信請(qǐng)求只能由客戶端發(fā)起，服務(wù)端對(duì)請(qǐng)求做出應(yīng)答處理弊端協(xié)議無(wú)法實(shí)現(xiàn)服務(wù)器主動(dòng)向客戶端發(fā)起消息。如何使用客戶端創(chuàng)建對(duì)象屬性表示連接狀態(tài)可選值表示連接尚未建立。表示連接正在進(jìn)行關(guān)閉。 一言不合就上效果圖演示showImg(https://segmentfault.com/img/bVbkUDl?w=1920&h=638); 項(xiàng)目：http://112.74.164.1...
閱讀 2262·2023-04-26 02:14
閱讀 2933·2021-09-30 09:46
閱讀 2106·2021-09-24 09:48
閱讀 967·2021-09-24 09:47
閱讀 3257·2019-08-30 15:44
閱讀 1884·2019-08-30 15:44
閱讀 3286·2019-08-30 14:18
閱讀 1954·2019-08-30 12:58
