最近在開(kāi)發(fā)小程序用到了WebSocket，小程序提供了相應(yīng)的原生API，與H5的API使用方式上有一些區(qū)別，所以流行的H5的一些成熟的類(lèi)庫(kù)使用起來(lái)有些困難，而原生API又存在一些缺陷，所以就自己實(shí)現(xiàn)了一套心跳重連機(jī)制。

創(chuàng)新互聯(lián)憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗(yàn)，為客戶(hù)提供超值的營(yíng)銷(xiāo)型網(wǎng)站建設(shè)服務(wù)，我們始終認(rèn)為：好的營(yíng)銷(xiāo)型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個(gè)人等客戶(hù)提供了成都網(wǎng)站制作、成都做網(wǎng)站服務(wù)，以良好的商業(yè)信譽(yù)，完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。

慣例，先簡(jiǎn)單介紹一下Websocket。

Websocket簡(jiǎn)介

Websocket是什么

WebSocket 是一種網(wǎng)絡(luò)通信協(xié)議。RFC6455 定義了它的通信標(biāo)準(zhǔn)。

WebSocket 是 HTML5 開(kāi)始提供的一種在單個(gè) TCP 連接上進(jìn)行全雙工通訊的協(xié)議。

為什么需要Websocket

HTTP 協(xié)議是一種無(wú)狀態(tài)的、無(wú)連接的、單向的應(yīng)用層協(xié)議。它采用了請(qǐng)求/響應(yīng)模型。通信請(qǐng)求只能由客戶(hù)端發(fā)起，服務(wù)端對(duì)請(qǐng)求做出應(yīng)答處理。

所以當(dāng)我們想服務(wù)器主動(dòng)給客戶(hù)端發(fā)送消息，HTTP是做不到的，我們只能使用輪詢(xún)或者長(zhǎng)輪詢(xún)來(lái)實(shí)現(xiàn)類(lèi)似的功能，這樣的方式效率低并且浪費(fèi)資源，為了解決這樣的問(wèn)題，WebSocket誕生了。

小程序中的WebSocket

小程序WebSocket的API

把你給懶得！自己官網(wǎng)看去!

為什么要做心跳重連

在使用原生WebSocket的時(shí)候，我們經(jīng)常會(huì)感覺(jué)不太穩(wěn)定，服務(wù)端發(fā)送的消息有時(shí)候客戶(hù)端接收不到，或者是客戶(hù)端發(fā)送的消息服務(wù)端接收不到，雖然WebSocket也提供了onError和onClose的方法，但是經(jīng)常會(huì)有各種未知情況導(dǎo)致斷開(kāi)連接而并不觸發(fā)Error或Close事件。這樣就導(dǎo)致實(shí)際連接已經(jīng)斷開(kāi)了，而客戶(hù)端和服務(wù)端卻不知道，還在傻傻的等著消息來(lái)。

所以我們要解決的問(wèn)題就很清晰了：

保證連接狀態(tài)，連接斷開(kāi)時(shí)讓客戶(hù)端與服務(wù)端都能知道，進(jìn)而重連。

上代碼

頁(yè)面載入后,我們連接socket先

onLoad(){
  this.linkSocket()
 },
 linkSocket(){
  let that = this
  wx.connectSocket({
   url: app.globalData.wsUrl + 'websocket?' + this.data.taskId + '&' + this.data.userId,
   success() {
    console.log('連接成功')
    that.initEventHandle()
   }
  })
 },

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

本文名稱(chēng)：詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://aaarwkj.com/article40/ihhho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站導(dǎo)航、App開(kāi)發(fā)、全網(wǎng)營(yíng)銷(xiāo)推廣、Google、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)