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にした方がいい、エンドポイントをよしなにいじるせいで片方が違うとつらい。

その他の記事

2023/11/01
0から1、フロントエンドチーム開発tips
2020/05/23
ブラウザからジャイロセンサーを使ってみる
2020/09/26
.editorconfigでコーディングスタイルを統一
2023/06/02
AstroNvim
2022/06/23
ngrxつかってみた
2023/04/11
hlsjsを最速で手元で動かしてみる

公開日 2022/12/25

client
servier
socket.io

Thanks you for reading.