本文主要和大家介紹微信小程式使用Socket的實(shí)例的相關(guān)資料,希望透過本文能幫助到大家，需要的朋友可以參考下，希望能幫助到大家。
微信小程式使用Socket的實(shí)例
首先，一個(gè)小程式同時(shí)只能有一個(gè)WebSocket連接，如果目前已經(jīng)存在一個(gè)WebSocket連接，會(huì)關(guān)閉目前連接，並重新建立一個(gè)連接。
其次，如果使用了appID，協(xié)定必須是wss://...
最近團(tuán)隊(duì)用小程式做行情，在連接socket的時(shí)候，發(fā)現(xiàn)在還沒有進(jìn)行subscribe的情況下，就直接進(jìn)行了廣播，並且自動(dòng)關(guān)閉了socket連接，
時(shí)間緊迫，抓耳撓腮，遂引用了socket-io(基於小程序的websocket仿寫的socket-io，並非官方的socket -io，傳送門)，使用方法：
1、先在utils資料夾貼上一個(gè)io的js
2、然後npm install wxapp-socket-io
# 3、config資料夾下新建一個(gè)socket.js,對(duì)socket連線進(jìn)行封裝，如下：
const io = require('../utils/io.js')
let url = 'wss://......'
let wsStatus = false
let onSocket = null
export const connect = function(cb){
if(!onSocket){
onSocket = io(url)
onSocket.on('connect', function (res) {
cb(true,onSocket)
wsStatus = true
})
setTimeout(function(){
if(!wsStatus){
cb(false,onSocket)
}
},10000)
}else{
cb(true,onSocket)
}
}4、在要引用的頁面調(diào)用，全域封裝訂閱方法
let openSocket = require('../../config/socket')
let app = getApp()
let socket = null
Page({
data: {
zl: [[422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525], [422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525]]
},
onLoad: function () {
let that = this;
//socket調(diào)用
openSocket.connect(function (status, ws) {
if (status) {
socket = ws
this.subscribe('zl')//對(duì)封裝好對(duì)訂閱方法進(jìn)行調(diào)用
socket.on('broadcast', function (msg) {//廣播
console.log("broadcast");
console.log(msg);
})
} else {
alert("socket 連接失敗")
}
});
},
subscribe: function (type) {
if (socket) {
let eis = this.data[type]
if (eis && eis.length > 0) {
let param = {//僅供參考，根據(jù)接口自行更改
eis: eis.join(',')
}
socket.emit('subscribe', JSON.stringify(param));
}
}
}
});#相關(guān)推薦：
HTML5 WebSocket點(diǎn)對(duì)點(diǎn)聊天實(shí)作方法
#node.js 用socket實(shí)作聊天實(shí)例分享
以上是實(shí)例詳解微信小程式如何使用Socket的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
如何使用磁力鏈接
Feb 18, 2024 am 10:02 AM
磁力連結(jié)是一種用於下載資源的連結(jié)方式，相較於傳統(tǒng)的下載方式更為便利和有效率。使用磁力連結(jié)可以透過點(diǎn)對(duì)點(diǎn)的方式下載資源，而不需要依賴中介伺服器。本文將介紹磁力連結(jié)的使用方法及注意事項(xiàng)。一、什麼是磁力連結(jié)磁力連結(jié)是一種基於P2P（Peer-to-Peer）協(xié)定的下載方式。透過磁力鏈接，使用者可以直接連接到資源的發(fā)布者，從而完成資源的共享和下載。與傳統(tǒng)的下載方式相比，磁
如何使用mdf和mds文件
Feb 19, 2024 pm 05:36 PM
mdf檔案和mds檔案怎麼用隨著電腦科技的不斷進(jìn)步，我們可以透過多種方式來儲(chǔ)存和共享資料。在數(shù)位媒體領(lǐng)域，我們經(jīng)常會(huì)遇到一些特殊的文件格式。在這篇文章中，我們將討論一種常見的文件格式—mdf和mds文件，並介紹它們的使用方法。首先，我們需要了解mdf檔案和mds檔案的含義。 mdf是CD/DVD鏡像檔的副檔名，而mds檔則是mdf檔的元資料檔。
foob??ar2000怎麼下載？ -foobar2000怎麼使用
Mar 18, 2024 am 10:58 AM
foob??ar2000是一款能隨時(shí)收聽音樂資源的軟體，各種音樂無損音質(zhì)帶給你，增強(qiáng)版本的音樂播放器，讓你得到更全更舒適的音樂體驗(yàn)，它的設(shè)計(jì)理念是將電腦端的高級(jí)音頻播放器移植到手機(jī)上，提供更便捷高效的音樂播放體驗(yàn)，介面設(shè)計(jì)簡(jiǎn)潔明了易於使用它採用了極簡(jiǎn)的設(shè)計(jì)風(fēng)格，沒有過多的裝飾和繁瑣的操作能夠快速上手，同時(shí)還支持多種皮膚和主題，根據(jù)自己的喜好進(jìn)行個(gè)性化設(shè)置，打造專屬的音樂播放器支援多種音訊格式的播放，它還支援音訊增益功能根據(jù)自己的聽力情況調(diào)整音量大小，避免過大的音量對(duì)聽力造成損害。接下來就讓小編為大
pip鏡像來源簡(jiǎn)易指南：輕鬆掌握使用方法
Jan 16, 2024 am 10:18 AM
輕鬆上手：如何使用pip鏡像來源隨著Python在全球的普及，pip成為了Python套件管理的標(biāo)準(zhǔn)工具。然而，許多開發(fā)者在使用pip安裝套件時(shí)面臨的常見問題是速度慢。這是因?yàn)轭A(yù)設(shè)情況下，pip從Python官方來源或其他外部來源下載包，而這些來源可能位於海外伺服器，導(dǎo)致下載速度緩慢。為了提高下載速度，我們可以使用pip鏡像來源。什麼是pip鏡像來源？簡(jiǎn)單來說，就
crystaldiskmark是什麼軟體？ -crystaldiskmark如何使用？
Mar 18, 2024 pm 02:58 PM
CrystalDiskMark是一款適用於硬碟的小型HDD基準(zhǔn)測(cè)試工具，可快速測(cè)量順序和隨機(jī)讀取/寫入速度。接下來就讓小編為大家介紹一下CrystalDiskMark，以及crystaldiskmark如何使用吧~一、CrystalDiskMark介紹CrystalDiskMark是一款廣泛使用的磁碟效能測(cè)試工具，用於評(píng)估機(jī)械硬碟和固態(tài)硬碟（SSD）的讀取和寫入速度和隨機(jī)I/O性能。它是一款免費(fèi)的Windows應(yīng)用程序，並提供用戶友好的介面和各種測(cè)試模式來評(píng)估硬碟效能的不同方面，並被廣泛用於硬體評(píng)
BTCC教學(xué)：如何在BTCC交易所綁定使用MetaMask錢包？
Apr 26, 2024 am 09:40 AM
MetaMask（中文也叫小狐貍錢包）是一款免費(fèi)的、廣受好評(píng)的加密錢包軟體。目前，BTCC已支援綁定MetaMask錢包，綁定後可使用MetaMask錢包進(jìn)行快速登錄，儲(chǔ)值、買幣等，且首次綁定還可獲得20USDT體驗(yàn)金。在BTCCMetaMask錢包教學(xué)中，我們將詳細(xì)介紹如何註冊(cè)和使用MetaMask，以及如何在BTCC綁定並使用小狐貍錢包。 MetaMask錢包是什麼？ MetaMask小狐貍錢包擁有超過3,000萬用戶，是當(dāng)今最受歡迎的加密貨幣錢包之一。它可免費(fèi)使用，可作為擴(kuò)充功能安裝在網(wǎng)絡(luò)
百度網(wǎng)盤app怎麼用
Mar 27, 2024 pm 06:46 PM
在如今雲(yún)端儲(chǔ)存已成為我們?nèi)粘Ｉ詈凸ぷ髦胁豢苫蛉钡囊徊糠?。百度網(wǎng)盤作為國內(nèi)領(lǐng)先的雲(yún)端儲(chǔ)存服務(wù)之一，憑藉其強(qiáng)大的儲(chǔ)存功能、高效的傳輸速度以及便捷的操作體驗(yàn)，贏得了廣大用戶的青睞。而且無論你是想要備份重要文件、分享資料，還是在線上觀看影片、聽取音樂，百度網(wǎng)盤都能滿足你的需求。但很多用戶可能對(duì)百度網(wǎng)盤app的具體使用方法還不了解，那麼這篇教學(xué)就將為大家詳細(xì)介紹百度網(wǎng)盤app如何使用，還有疑惑的用戶們就快來跟著本文詳細(xì)了解一下吧！百度雲(yún)網(wǎng)盤怎麼用：一、安裝首先，下載並安裝百度雲(yún)軟體時(shí)，請(qǐng)選擇自訂安裝選
網(wǎng)易信箱大師怎麼用
Mar 27, 2024 pm 05:32 PM
網(wǎng)易郵箱，作為中國網(wǎng)友廣泛使用的一種電子郵箱，一直以來以其穩(wěn)定、高效的服務(wù)贏得了用戶的信賴。而網(wǎng)易信箱大師，則是專為手機(jī)使用者打造的信箱軟體，它大大簡(jiǎn)化了郵件的收發(fā)流程，讓我們的郵件處理變得更加便利。那麼網(wǎng)易信箱大師該如何使用，具體又有哪些功能呢，下文中本站小編將為大家?guī)碓敿?xì)的內(nèi)容介紹，希望能幫助到大家！首先，您可以在手機(jī)應(yīng)用程式商店搜尋並下載網(wǎng)易信箱大師應(yīng)用程式。在應(yīng)用寶或百度手機(jī)助手中搜尋“網(wǎng)易郵箱大師”，然後按照提示進(jìn)行安裝即可。下載安裝完成後，我們打開網(wǎng)易郵箱帳號(hào)並進(jìn)行登錄，登入介面如下圖所示
