首先在wxml中进行布局并添加点击事件:
<button bindtap='found'>创建连接</button>
<button bindtap='send'>发送内容</button>
<button bindtap='shut'>关闭连接</button>
然后在js页面
//创建连接
found: function () {
//本地测试使用 ws协议 ,正式上线使用 wss 协议
var url = 'ws://这是后端给你的路径以及拼接的内容';
code = wx.connectSocket({
url: url,
method: "GET"
});
code.onOpen(res => {
console.info('连接打开成功');
});
code.onError(res => {
console.info('连接识别');
console.error(res);
});
code.onMessage(res => {
var data = res.data;
console.info(data);
});
code.onClose(() => {
console.info('连接关闭');
});
},
//发送内容
send: function () {
if (code.readyState == code.OPEN) {
code.send({
data: '小程序端测试',
success: () => {
console.info('客户端发送成功');
}
});
} else {
console.error('连接已经关闭');
}
},
//关闭连接
shut: function () {
code.close();
},