微信小程序websocket连接

websocket.wxml

<view class="send-content"><text>发送内容：</text><input class="weui-input" auto-focus type="text" bindinput="handleInput"></input>
</view>
<button class="send-btn" type="primary" bindtap="handleConnect">websocket连接测试</button>
<rich-text nodes="{{html}}"></rich-text>

websocket.js


let socketMsgQueue = ["测试"];
function sendSocketMessage(msg) {wx.sendSocketMessage({data:msg})
}
Page({data: {html: ""},/*** 连接*/handleConnect() {console.log("触发");wx.connectSocket({url: 'ws://82.157.123.54:9010/ajaxchattest',header: {'content-type': 'application/json'}})// 监听wx.onSocketOpen((result) => {console.log("websocket连接已打开");for (let i = 0; i < socketMsgQueue.length; i++) {// 发送数据sendSocketMessage(socketMsgQueue[i])}socketMsgQueue = [];})// 失败监控wx.onSocketError((result) => {console.log("websocket连接失败", result);})// 监听服务器的数据返回wx.onSocketMessage((result) => {console.log("服务器的数据返回", result);this.setData({html: result.data});})},/*** 输入的内容*/handleInput(val) {socketMsgQueue.push(val.detail.value);}
})

效果

微信小程序websocket连接相关推荐

微信小程序websocket连接服务器（接收信息）
app.js App({onLaunch: function () {var that = this;// 登录wx.login({success: res => {// 发送 res.code ...
微信小程序WebSocket相关问题说明
看本帖的前提是:你的WebSocket在小程序之外是正常可用的:因为WebSocket不是小程序独有的,所有大部分问题在网上是可以找到说明的,本帖只是聚合了一些小程序中使用WebSocket中遇到的问 ...
微信小程序WebSocket接口以及在小程序中的使用。
关于微信小程序WebSocket的使用一.连接wx.connectSocket 二.wx.onSocketOpen和wx.onSocketError 三.wx.onSocketMessage 四.w ...
微信小程序WebSocket心跳检测与断来重连
为什么要心跳检测使用微信小程序WebSocket时,WebSocket在一定的时间没有进行通信就会断开连接,所以需要使用心跳检测. 那么心跳检测是什么呢,心跳检测顾名思义就是和人心脏动一样,客户端在 ...
微信小程序蓝牙连接步骤
微信小程序蓝牙连接步骤注意,微信小程序的低功耗蓝牙,获取附近蓝牙时,ios和android获取的deviceid 是不一样的.android获取的是mac地址,ios获取的是经过内部转换加密过的. ...
微信小程序同时连接两台蓝牙设备
微信小程序同时连接两台蓝牙设备自己测试了微信小程序的蓝牙接口是否可以同时连接两台蓝牙设备并同时接收数据,实践测试发现,可以同时连接多台蓝牙设备但是不可以同时接收数据,监测接收数据的接口 wx.onB ...
微信小程序websocket聊天前端实现
微信小程序websocket聊天前端实现,可以发语音.图片.文字. 代码下载:https://download.csdn.net/download/cc1314_/10983195
微信小程序http连接访问解决方案
微信小程序http连接访问解决方案参考文章: (1)微信小程序http连接访问解决方案 (2)https://www.cnblogs.com/masterchd/p/9895636.html 备忘一 ...
微信小程序网络连接失败
微信小程序网络连接失败安装微信开发者工具,一直提示网络连接失败,在网上查找几乎都是这种帖子(连接失败),没有一个解决的,注册表删了,重装软件,重启电脑,电脑的代理也改了,还是没有用. 最后解决办法是 ...

微信小程序websocket连接

websocket.wxml

websocket.js

效果

微信小程序websocket连接相关推荐

最新文章

热门文章