WebSocketによる前後通信

7886 ワード

WebSocket
WebSocketは、HTML 5が提案する新しいプロトコルである、クライアントとサービス側との間のフルデュプレクス通信をサポートし、同源ポリシーの影響を受けることなく識別子wsでタグ付けする.
クライアント
Websocketはnewを使用して構築され、wsというプロトコル名の通信アドレスが必要です.例えば、ws://locahost:3001/msg
  let ws=new WebSocket('ws://localhost:3001/msg');
  ws.onopen=function(){
    console.log('open success!');
    ws.send("          ");
  
  }
  ws.onmessage=function(ev){
    console.log(`        :${ev.data}`);
 
    ws.close()
  }
  ws.onclose=function(){
    console.log('  websocket');
  }
  ws.onerror=function(){
    console.log('    ');
  }


サービス側
ここでのサービス側はnodeを用いてwsモジュールを導入する
const ws=require('ws');
//     ,      
let wsServer=new ws.Server({
    host:'127.0.0.1',
    port:3001
});
//    websoket  
wsServer.on('connection',function(wsObj){

    wsObj.onmessage=function(ev){
        
        console.log(`          :${ev.data}`);
        wsObj.send('          ');
        wsObj.close()
    }
    wsObj.onclose=function(){
        console.log('     ');
    }
    wsObj.onerror=function(err){console.log(err)}
})