Goで作って学ぶWebSocket 渡部⿓⼀ Open Source Conference 2025 Tokyo/Spring

● 渡部⿓⼀ ● 仙台在住 ● 障害対応、EOL対応 ● 初OSC LT ⾃⼰紹介

WebSocketやってますか？

● お仕事でIVRのサービスをやってる ● IVRとは？ ○ ⾃動⾳声応答システムのこと ○ 着信時にオペレーターの代わりに⾃動⾳声で案内を提供 ■ レストランとかの⾃動予約とかそういうサービス ○ ⾳声のやり取りをするためにWebSocketを使ったりします

WebSocketの特徴

WebSocketの特徴 ● 双⽅向通信‧全⼆重通信 ○ クライアントとサーバーの両⽅が同時にデータを送受信可能 ○ HTTPとは異なり、リクエスト‧レスポンスの概念がない ● 持続的な接続を⼀度確⽴したあとは、明⽰的に切断されるまで維持される ○ HTTPのように毎回接続を確⽴するオーバーヘッドがない ● チャットアプリとかで使われている ○ GitHub Actionsのログをリアルタイムでみれたり株価の表⽰とか

No content

HTTPと全然違う！

⾃作しよう！

WebSocketを⾃作する ● RFC6445 で定義されている ● WebSocketのプロトコル概要 ○ Step1: ハンドシェイク処理 ○ Step2: フレームの解析 ○ Step3: フレームの送受信 ● OpenTelemetryでトレースとかログを最初から仕込んでいく

No content

1. HandShake ● クライアントからのリクエストを受け取る ● Upgradeヘッダーを確認 ● Sec-WebSocket-Keyを取得 ○ WebSocketハンドシェイクで使⽤されるランダムな⽂字列 ● Sec-WebSocket-Acceptを⽣成 ● HTTP 101 Switching Protocols をレスポンス ● WebSocket接続を確⽴

1. HandShake

Step2: フレームの解析 ● ヘッダー解析 ○ 最初の 2バイト を読み込み、FIN フラグと Opcode を取得 ■ Opcode（オペコード）は、WebSocketフレームにおける「操作コード」のことを指す ○ Mask ビットをチェックし、ペイロード⻑を取得 ● ペイロード⻑の処理 ○ 126 の場合 → 追加の2バイト（16ビット）を読み込む ○ 127 の場合 → 追加の8バイト（64ビット）を読み込む ● マスク処理 ○ クライアントからのデータは必ずマスクされる ○ 4バイトのマスクキーを取得し、ペイロードデータを XOR でデコード ● ペイロードの読み取り ○ 取得した⻑さ分のデータを読み込む ○ マスクがある場合、復号処理を⾏う

No content

No content

Step3: フレームの送受信 ● データ送信 ○ 送信者は、データをWebSocketフレームにエンコードして送信します ○ フレームは常にテキストまたはバイナリのメッセージとして送られます ○ メッセージが⻑い場合、複数のフレームに分割して送信されます ● データ受信 ○ 受信者はフレームを解析し、データを取り出します ○ WebSocketでは、各フレームの終わりが「フラグ」で⽰されるため、フレー ムが完全に送られたかを確認できます ○ 受信側はフレームを組み⽴て、完全なメッセージを取得します

No content

No content

今後の展望

今後の展望 ● サブプロトコルとかも実装したい ● プロトコルの中⾝まで解釈するProxyみたいなのを作ってみたい ○ NginxでもProxyはできるがTCPの通信として流すくらいでアップストリーム の間に⼊るわけではなさそう

まとめ

まとめ ● 全⼆重通信（フルデュプレックス）楽しい ● 全部で1500⾏くらいで割とシンプル ● 情報が結構豊富。WebSocketだけの本もオライリーから出ている ● Copilotとかでいい感じに先に実装されてしまっているのでスクラッチ感は薄め

よき双⽅向通信ライフを！

参考書籍 ● Websocket: Lightweight Client-Server Communications / O'Reilly Media ● Real World HTTP 第3版 / オライリー‧ジャパン ● ハイパフォーマンス ブラウザネットワーキング / オライリー‧ジャパン