Websocket に基づくシンプルなチャットルームダイアログの実装

npm で socket.io-client をインストールします

npm インストール http-server

npm インストール koa

// 依存関係を導入する const koa = require("koa")
// koa を初期化する
const app = 新しい koa()
// http を有効にする 
var server = require("http").createServer(app.callback())
// ソケットを初期化する
const io = require("socket.io")(server, { cors: true })
// リッスン io.on('connection', (socket) => {
  // クライアントにメッセージを積極的に送信する setTimeout(() => {
    // io オブジェクト メソッドの emitting を通じてカスタム イベントをトリガーし、クライアントにメッセージを送信します io.emit('chat message', 'What do you want to say?')
  }, 1000)

  socket.on('切断', () => {
    console.log('ユーザーが切断されました')
  })

  // サーバーでクライアントのメッセージを受信します // on メソッドを通じてイベントをリッスンします。クライアントがメッセージを送信すると、イベントがトリガーされ、クライアントが送信したメッセージを受信できます socket.on('chat message', (msg) => {
    コンソール.log(メッセージ)
    // msgはクライアントから送信されたメッセージです // クライアントにメッセージを送信することはemitです
    タイムアウトを設定する(() => {
      msg = msg.replace("あなた", "私").replace("?", "").replace("?", "!")
      // 処理されたメッセージをクライアントに送信するイベントをトリガーします io.emit('chat message', msg)
    }, 500)
  })
})
server.listen(5522,()=>{
  console.log('ソケットサービスは有効です。ポート番号は5522です')
});

'socket.io-client' から { io } をインポートします
作成された(){
    // 1. カスタマイズ可能な接続を作成する this.socket = io('ws://localhost:5522')
     // 2. 接続を確立する this.socket.on('connect', () => {
        console.log('接続が正常に確立されました')
    })
    // 3. メッセージをリッスンして this.socket.on('chat message', msg => { を返します。
        console.log('サービスから返されたメッセージ', msg)
    })
}