socket.io.xcx

위챗 미니 프로그램 버전 소켓.io 및 엔진.io

WeChat 미니 프로그램에서는 Socket.io 및 Engine.io를 사용할 수 있습니다.

WeChat 애플릿의 websocket이 한 번 캡슐화되어 소켓.io 또는engine.io 클라이언트 패키지를 직접 사용할 수 없게 되었습니다. 이 프로젝트는engine.io-client 프로젝트를 기반으로 wxwebsocket의 전송 계층을 구현합니다. 소켓.io의 모든 기능을 애플릿에서 사용할 수 있습니다.

참고: 컴파일된 패키지는 WeChat 미니 프로그램에서만 사용할 수 있습니다.

설치하다

$ git clone https://github.com/wujjpp/socket.io.xcx.git
$ cd socket.io.xcx
$ npm install

테스트 서버 실행 및 WeChat 애플릿 테스트

1. 테스트 서버 실행

$ npm run serve

2. "WeChat 웹 개발자 도구"를 사용하여 예제/앱 프로젝트를 열고 샘플 애플릿을 실행하세요.

참고: 테스트 프로그램을 실행하려면 "개발 환경에서 요청한 도메인 이름 및 TLS 버전을 확인하지 않습니다."를 켜십시오.

프로덕션 환경에서 사용

dist/socket.io.xcx.min.js를 미니 프로그램 소스 코드에 복사하여 직접 사용하세요. 자세한 내용은 예제/앱을 참조하세요.

코드 조각

이 인스턴스는 메시지 보내기를 통해 서버에 hello 문자열을 보냅니다. 이를 수신한 후 서버는 클라이언트에 메시지를 보냅니다.

클라이언트 -> 서버: 안녕하세요

서버 -> 클라이언트: 'hello world'

미니 프로그램

~/examples/app/pages/index/index.js

 // 导入socket.io小程序版包
import io from '../../socket.io.xcx.min'

// 使用IO创建socket实例，本实例使用本地socket.io服务器， 请根据根据实际情况修改IP
let socket = io ( 'ws://127.0.0.1:3000' )

function _setup ( ) {
    var self = this ;

    socket . on ( 'connect' , function ( ) {
        console . log ( '连上了' ) ;
    } ) ;

    socket . on ( 'message' , function ( data ) {
        self . data . messages . push ( data . message ) ;
        self . setData ( {
            messages : self . data . messages
        } )
    } ) ;

    socket . on ( 'disconnect' , function ( ) {
        console . log ( 'you have been disconnected' ) ;
    } ) ;
}

Page ( {
    data : {
        messages : [ ]
    } ,
    onLoad : function ( ) {
        _setup . apply ( this ) ;
    } ,
    send : function ( ) {
        socket . emit ( 'message' , 'hello' ) ;
    }
} ) 

서버 측

~/examples/server/app.js

 // Setup basic express server
var express = require ( 'express' ) ;
var app = express ( ) ;
var server = require ( 'http' ) . createServer ( app ) ;
var io = require ( 'socket.io' ) ( server ) ;
var port = process . env . PORT || 3000 ;

server . listen ( port , function ( ) {
    console . log ( 'Server listening at port %d' , port ) ;
} ) ;

io . on ( 'connection' , function ( socket ) {

    // when the client emits 'message', this listens and executes
    socket . on ( 'message' , function ( data ) {

        console . log ( 'message from client: ' , data ) ;

        io . emit ( 'message' , {
            message : data + ' world ' + new Date ( )
        } ) ;
    } ) ;

    // when the user disconnects.. perform this
    socket . on ( 'disconnect' , function ( ) {
        // echo globally that this client has left
        socket . broadcast . emit ( 'user left' , {
            message : 'user left'
        } ) ;

    } ) ;
} ) ;

Wu Jian Ping의 ♥로 제작