WebSocketメモ

client

クライアントは標準のWebSocket使うのがいい。

const socket = new WebSocket('ws://localhost:8080');
// 接続が開いたときのイベント
socket.addEventListener('open', function (event) {
  socket.send('Hello Server!');
});

servier

expressでやる場合はexpress-wsを使うと楽。

import express from "express";
import expressWs from "express-ws";

const { app, getWss } = expressWs(express());

app.ws("/", (ws, res) => {
  ws.on("message", msg => {
    getWss().clients.forEach(sock => {
      sock.send(msg)
    })
  })
})

socket.io

socket.ioを使うならサーバーもフロントもsocket.ioにした方がいい、エンドポイントをよしなにいじるせいで片方が違うとつらい。

その他の記事

2020/09/26
.editorconfigでコーディングスタイルを統一
2022/10/28
Playwrightのメモ
2020/01/03
React HookでTodoアプリを作る
2023/04/11
hlsjsを最速で手元で動かしてみる
2022/05/23
ビルドツールを知る
2023/01/07
Gatsby Slice APIをTypeScriptで

公開日 2022/12/25

client
servier
socket.io

Thanks you for reading.