微信小程序 - 使用 weapp.socket.io - 客户端

 

实现微信小程序进行WebSocket实时双向通讯

下载 weapp.socket.io.js 

 

在项目中引入 weapp.socket.io.js 文件

微信小程序 - 使用 weapp.socket.io - 客户端

 

utils 文件中建立 socket.js 文件

微信小程序 - 使用 weapp.socket.io - 客户端

 

socket.js 文件中写入:

const io = require("../lib/weapp.socket.io.js");  // 引入 socket.io
const App = getApp();

let wsStatus = false;
let onSocket = null;
onSocket = io("wss://xxxxx(socket路径)", { transports: [‘websocket‘] })// 连接 socket

export const connect = function (cb) { 

  if (!onSocket) {

    onSocket.on(‘connect‘, function (res) { // 监听socket 是否连接成功
      cb(true, onSocket)
      wsStatus = true
    })

    // onSocket.on(‘login‘, function (res) {
    //   console.log(res)
    // })
    
    setTimeout(function () { // 超时10秒,返回false
      if (!wsStatus) {
        cb(false, onSocket)
      }
    }, 10000)
    
  } else {
    cb(true, onSocket)
  }
}

 

在页面js中使用

//index.js

const app = getApp()
const socket = require("../../utils/sockte.js");

Page({
  data: {
    motto: ‘Hello World‘,
  },

  onLoad: function () {
    var that = this;
// 监听socket 是否连接成功 socket.connect((status, ws) => {
// 连接成功 if (status) {
// 向服务端发送消息 ws.emit(‘connect‘, { msg: ‘Hello World‘ }); // 参数一:发送消息的socket名,参数二: 发送的数据

// 接受服务端传来的消息 ws.on(‘connect‘, (res) => { // 参数一:接收消息的socket名,参数二:返回的信息 function console.log(res) });
}
else { // ...连接超时 } }) }, })

 

微信小程序 - 使用 weapp.socket.io - 客户端

上一篇:实战:云开发·实现在线充值小程序


下一篇:微信扫码支付视频课程(Java版)