WeChat 애플릿에서 Socket을 사용하는 방법에 대한 자세한 예-미니 프로그램 개발-php.cn

WeChat 애플릿에서 Socket을 사용하는 방법에 대한 자세한 예

小云云

풀어 주다： 2018-05-29 10:45:40

원래의

6055명이 탐색했습니다.

이 글은 주로 WeChat 애플릿에서 소켓을 사용하는 예제에 대한 관련 정보를 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Socket을 사용하는 WeChat 애플릿의 예

우선, 작은 프로그램은 동시에 하나의 WebSocket 연결만 가질 수 있습니다. 이미 WebSocket 연결이 있는 경우 현재 연결이 닫히고 새 연결이 시작됩니다. 확립되다.

둘째, appID를 사용하는 경우 프로토콜은 wss://...

최근 팀에서 시세를 만들기 위해 작은 프로그램을 사용하여 소켓에 연결했을 때 방송이 직접 방송되는 것으로 확인되었습니다.

시간이 촉박해서 머리를 긁적이게 되어서 소켓아이오(공식 소켓아이오, 포털이 아닌 소규모 프로그램 기반의 웹소켓 모방)를 인용하게 되었습니다. 사용 방법:

1. 먼저 utils 폴더

2에 io js를 붙여넣은 다음 npm install wxapp-socket-io

3 다음과 같이 config 폴더에 새 소켓.js를 생성하여 소켓 연결을 캡슐화합니다. :

const io = require(&#39;../utils/io.js&#39;)
let url = &#39;wss://......&#39;
let wsStatus = false
let onSocket = null
export const connect = function(cb){
  if(!onSocket){
    onSocket = io(url)
    onSocket.on(&#39;connect&#39;, function (res) {
      cb(true,onSocket)
      wsStatus = true
    })
    setTimeout(function(){
      if(!wsStatus){
        cb(false,onSocket)
      }
    },10000)
  }else{
    cb(true,onSocket)
  }
}

로그인 후 복사

4 , 인용할 페이지 호출, 구독 방법을 전역적으로 캡슐화

let openSocket = require(&#39;../../config/socket&#39;)
let app = getApp()
let socket = null
Page({
data: {
  zl: [[422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525], [422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525]]
},
onLoad: function () {
  let that = this;
  //socket调用
  openSocket.connect(function (status, ws) {
    if (status) {
      socket = ws
      this.subscribe(&#39;zl&#39;)//对封装好对订阅方法进行调用
      socket.on(&#39;broadcast&#39;, function (msg) {//广播
        console.log("broadcast");
        console.log(msg);
      })
    } else {
      alert("socket 连接失败")
    }
  });
},
subscribe: function (type) {
  if (socket) {
    let eis = this.data[type]
    if (eis && eis.length > 0) {
      let param = {//仅供参考，根据接口自行更改
        eis: eis.join(&#39;,&#39;)
      }
      socket.emit(&#39;subscribe&#39;, JSON.stringify(param));
    }
  }
}
});

로그인 후 복사