WebSocketPractice

socket.ioを使ってWebSocketについて勉強するためのリポジトリ

使い方

1. firewall の設定
   • localの8080（フロントエンド用）,3000（バックエンド用）を解放する。
   • 検証だけなのでプライベートのみで大丈夫です。
2. backend を起動する。
   • 未実施の場合はnpm iを実行する。
   • npm run buildを実行する。
   • npm run startを実行する。
3. frontend または frontend-vue3 を起動する。
   • frontend の場合
     • 未実施の場合はnpm iを実行する。
     • npm run buildを実行する。
     • npm run startを実行する。
     • Chrome のウィンドウを2つ開き、それぞれhttp://localhost:8080にアクセスする。
     • テキスト入力⇒送信ボタン押下とすれば、両方に送信内容が表示されます。
   • frontend-vue3 の場合
     • 未実施の場合はnpm iを実行する。
     • npm run serveを実行する。
     • Chrome のウィンドウを2つ開き、それぞれhttp://localhost:8080にアクセスする。
     • テキスト入力すれば、両方とも入力値が変更されます。（衝突の解決は未対応）