微信小程序开发——websocket(socket在线测试服务器,或本地socket服务器)
微信小程序开发——websocket(socket在线测试服务器,或本地socket服务器)
WeChat小程序交流(QQ群:769977169)
在线socket服务器:http://www.blue-zero.com/websocket/
本地socket服务器:链接:https://pan.baidu.com/s/13KuJXGaVdNcDnO7xysyUtw 密码:3k34
效果图
代码示例
xxx.wxml
<button bindtap='startClick'>连接</button>
<button bindtap='sendClick'>发送</button>
<button bindtap='closeClick'>断开</button>
xxx.wxjs
Page({/*** 页面的初始数据*/data: {isConnect:null,},startClick: function(even) {wx.connectSocket({url: 'ws://118.25.40.163:8088',method: 'GET',success: function(){isConnect: trueconsole.log("连接成功...")},fail: function(){isConnect: falseconsole.log("连接失败...")}});wx.onSocketOpen(function (res) {console.log('WebSocket连接已打开!')});wx.onSocketError(function (res) {console.log('WebSocket连接打开失败,请检查!')})},sendClick: function (even) {wx.sendSocketMessage({data: "微信小程序 web socket"})},closeClick: function (even) {wx.closeSocket({success: function(){console.log("关闭成功...")},fail: function(){console.log("关闭失败...")}});wx.onSocketClose(function(res) {console.log("WebSocket连接已关闭")})},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {wx.onSocketMessage(function(res){console.log(res.data)})}
}