SocketTask.onMessage

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

方法参数

Function callback

callback参数说明

属性名类型必填默认值说明
dataString/ArrayBuffer服务器返回的消息

示例

在开发者工具中预览效果

扫码体验

SocketTask.onMessage - 图1请使用百度APP扫码

图片示例

SocketTask.onMessage - 图2

SocketTask.onMessage - 图3

SocketTask.onMessage - 图4

代码示例

  • 在 js 文件中
  1. Page({
  2. onShow() {
  3. const socketTask = new Promise((resolve, reject) => {
  4. const socketHandler = swan.connectSocket({
  5. url: 'wss://echo.websocket.org',
  6. header: {},
  7. success: function (res) {
  8. console.log('connectSocket success', res.socketTaskId)
  9. },
  10. fail: function (err) {
  11. reject(err);
  12. console.log('connectSocket fail', err);
  13. }
  14. });
  15. socketHandler.onOpen(function () {
  16. resolve(socketHandler);
  17. });
  18. socketHandler.onMessage(function (res) {
  19. console.log(res);
  20. swan.showModal({
  21. title: '监听到发送的数据为' + res.data,
  22. content: res.dataType + '类型'
  23. });
  24. })
  25. });
  26. this.socketTask = socketTask;
  27. },
  28. socketTaskSend() {
  29. this.socketTask.then(socketHandler => {
  30. socketHandler.send({
  31. data: 'baidu',
  32. success: res => {
  33. swan.showToast({
  34. title: '发送数据成功'
  35. });
  36. console.log('WebSocket发送数据成功', res);
  37. },
  38. fail: err => {
  39. console.log('WebSocket发送数据失败', err);
  40. }
  41. });
  42. })
  43. }
  44. });