小程序 websocket

小程序 websocket,第1张

微信的 WebSocket 接口和HTML5的 WebSocket 基本一样,是HTTP协议升级来的,做为一个新的 Socket 在B/S上使用,它实现了浏览器与唯蚂伏服务器全双工通信。

因为这里是做小程序,所以就不对 WebSocket 的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的 WebSocket 可以参考如下:

具体方法如下:

创建一个 WebSocket 连接。

监听WebSocket连接打开事件。

监指携听WebSocket错误。

通过 WebSocket 连接发送数据,需要先 wx.connectSocket ,并在 wx.onSocketOpen 回调物纤之后才能发送。

监听WebSocket接受到服务器的消息事件。

关闭 WebSocket 连接。

定时心跳,按各种情况设置为10-20秒。心跳作用:通知后台保活,如果停止心跳消息,后台会主动断开,走断开流程。

使用过程中,可能因为网络问题,导致websocket断开连接,首先更具业务需求,判断是否需要重连,如果要重连不建议立刻重连,可做一个延迟 *** 作,再进行重连。

微信小程序官方提供了基础的websocket API接口,可以和自己的websocket服务器进行通信。虽然有了接口,但websocket服务器需要自己搭建,这并不是一件容易的事情。

可以试试我们的GoEasy,一款第三方的websocket框架服务,很好的支持微信小程序。

使用GoEasy,你无需搭建websocket服务器,通过GoEasy提供的接口,你可以很方便、快捷的将信息发送到任何你的客户端。

具体的使用方法在下面:

登录自己的微信公众平台

进入微信公众平台|小程序 ->睁汪 设置 ->开发设置 ->服务器域名 选项的 socket合法域名项

添加 goeasy的地址: wx-hangzhou.goeasy.io

获取 GoEasy SDK

下载 https://cdn.goeasy.io/download/goeasy-1.0.11.js

import GoEasy from './goeasy-1.0.11'

初始化 GoEasy 对象

// 在onLaunch方法里初始化全友早蠢局GoEasy对象this.globalData.goEasy = new GoEasy({

host: "hangzhou.goeasy.io", //应用所在的区域地址: 【hangzhou.goeasy.io | singapore.goeasy.io】

appkey: "my_appkey", //替换为您的应用appkey

onConnected: function() {

console.log('连接成功!')

},

onDisconnected: function() {

console.log('连接断开!')

},

onConnectFailed: function(error) {

console.log('连接失败或错误!')

}})

小程序端接收消息

getApp().globalData.goEasy.subscribe({

channel: "my_channel", //替换为您自己的channel

onMessage: function (message) {

console.log("Channel:" + message.channel + " content:" + message.content)

}})

小程序端发送消息:

getApp().globalData.goEasy.publish({

channel: "my_channel", //替换为您自己的channel

message: "Hello, GoEasy!" //替换为您想要发送的消息内容})

以上便是在微信小程序中使用websocket的步骤,这里提供一份教程和demo,希望对你有所帮好陪助:网页链接

在小程序开发过程中,经常需要 消息推送 、 即时族梁通讯 的功能支持,小程序提供了WebSocket的接兆纯运口以满足以上需求,今天我们就来讲讲小程序中的WebSocket接口的使用

一般情况下使用WebSocket使用是这样的

那如果我们想同时建立多个Socket连接该怎么办?裤嫌接着往下看

这里必须用到 SocketTask 接口,通过 wx.connectSocket() 接口创建返回

这样就可以实现多个websocket同时通信啦,不过有一点要注意

好啦,以上就是我本次分享的全部内容啦,如果你觉得我的文章对你有一丢丢帮助,那么请不要吝啬你的赞

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12403914.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存