首页 > 微信 > 详细

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

时间:2020-05-03 19:12:48      阅读:529      评论:0      收藏:0      [点我收藏+]

 

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

下载 weapp.socket.io.js 

 

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

技术分享图片

 

utils 文件中建立 socket.js 文件

技术分享图片

 

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 - 客户端

原文:https://www.cnblogs.com/sanyekui/p/12822762.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!