Tools

Firefox にローカルプロキシを指定して WebSocket通信を仲介する際の注意点

投稿日:2020年9月7日 更新日:

1. 問題に遭遇

先日、Firefox にローカルプロキシを指定して通信内容を見ていたら、WebSocket 通信が仲介できないことに気が付きました。

※ Firefox のバージョンは、80.0.1 (64ビット) です。

以下、用語について簡単に説明しておきます。

ローカルプロキシツール

ウェブブラウザのプロキシとして Burp SuiteOWASP ZAP といったローカルプロキシツールを指定すると、ウェブブラウザの通信がローカルプロキシを介して行われるため、通信内容を覗き見ることができます。

WebSocket

通常ウェブブラウザは HTTP(S) 通信を行うわけですが、WebSocket という通信を行うこともあります。

HTTP(S) では、

  1. ウェブブラウザがリクエストをなげる
  2. それに対してウェブサーバーがレスポンスを返す
  3. 接続を切る

というやりとりが通信の基本になりますが、WebSocket では、ウェブブラウザとウェブサーバーが接続されたままの状態で情報をやりとりしていきます。

2. 対応方法

1) Firefox の [オプション] – [一般] – [ネットワーク設定] – [接続設定…] を開きます。

2) [手動でプロキシーを設定する] を選択し、使用するローカルプロキシツールのホスト名(もしくはIPアドレス)とポート番号を [HTTP プロキシー] と [ポート] に入力します。

3) ここがポイントなのですが、「SOCKS ホスト」のフィールドを空にします(右側の「ポート」は、削除しても 0 になります)。

4) [OK] ボタンを押して変更を反映します。

以上です。

これ、バグなのでしょうか?

3. 参考

📂-Tools

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Windows

Excel の「区切り位置」機能が便利

Excel の「区切り位置」機能の便利さについて書いています。

Linux

nvm を使っているUbuntu 16.04 LTS 環境に、yarn をインストールする

GitHub – creationix/nvm を使っている Ubuntu 16.04 LTS 環境に、Yarn をインストールする手順を紹介します。 Installation | Yar …

Windows

wsl-terminal を更新する

目次1. はじめに2. 環境3. バージョン4. 作業1. エクスプローラーのコンテキストメニュー2. 既存の wsl-terminal ディレクトリを退避3. 最新版 wsl-terminal の導 …

Web Programming

Webブラウザ上でHTML/CSS/JavaScriptを書いて試すことができるサービスの比較

目次はじめにサービス比較CodePenjsdo.itJSFiddleObservableまとめ はじめに Webブラウザ上で、HTML/CSS/JavaScript を書き、それをその場で実行したり保 …

Windows

Windows 10 のターミナル設定(MSYS2編)

MSYS2 を使って、Windows 10 にターミナル環境を構築する方法を紹介します。 MSYS2というのは、Windows上にUNIXライクな環境を導入するソフトウェアです。 現在では、Windo …