【Socket.IO】Next.js + Node.js + Express で WebSocket通信 を試してみる - Qiita

Next.js と Node.js で構成するWebアプリケーションにて、リアルタイムの双方向通信を行う必要があり、Socket.IO の利用を検討しています。 今回カウントアップアプリの作成を通じて、実際に Socket.IO を試してみたので、その内容をまとめます。 目次 1. はじめに 2. クライアントサイドの実装 2-1. socket.io-clientのインストール 2-2. page.tsxの作成 3. サーバサイドの実装 3-1. socket.ioのインストール 3-2. index.tsの作成 4. Socket通信のテスト 参考資料 1. はじめに 今回は以下の構成で実施しました。 クライアントサイド next.js 15.2.1 socket.io-client 4.8.1 サーバサイド node.js 22.13.1 express 4.21.2 socket.

[poad1010]

この記事をおすすめしました