<button bindtap="conn">连接</button> <input type="text" model:value="{{tt}}"/> <button bindtap="send">发送</button> <view wx:for="{{arr}}"> {{item}} </view> Page({ data: { tt:"", arr:[] }, conn() { let that= this; wx.connectSocket({ url: 'wss://lihuoqin.com:3000', success(res){ console.log(res); wx.onSocketMessage((result) => { that.data.arr.push(result.data); that.setData({arr:that.data.arr}); }) } }) }, send() { wx.sendSocketMessage({ data: this.data.tt, }) } })
时间: 2023-06-26 12:07:31 浏览: 74
Socket来发送数据
这是一个小程序页面的代码,其中包含了连接 WebSocket 和发送消息的逻辑。当点击“连接”按钮时,会调用 `wx.connectSocket` 方法连接到指定的 WebSocket 服务器。成功连接后,会监听 `wx.onSocketMessage` 事件,接收服务器发送的消息,并将其添加到页面的消息数组中。当点击“发送”按钮时,会调用 `wx.sendSocketMessage` 方法向服务器发送消息。
需要注意的是,此代码中使用的是 HTTPS 协议的 WebSocket 连接,需要确保服务器支持此协议。如果服务器不支持 HTTPS 协议,可以尝试使用 HTTP 协议的 WebSocket 连接。
阅读全文