Поделиться через

Использование прокси-сервера разработки с браузером

На первый взгляд
Цель: Подключение прокси-сервера разработки к экземпляру браузера без изменения параметров системного прокси-сервера
Время: 5 минут
Плагины: Отсутствуют
Предварительные требования:настройка прокси-сервера разработки

По умолчанию прокси-сервер разработки регистрируется в качестве системного прокси-сервера, который направляет весь сетевой трафик через прокси-сервер. Хотя этот подход подходит для большинства сценариев, иногда требуется перехватывать только трафик из определенного экземпляра браузера, сохраняя другие приложения без изменений.

Зачем использовать прокси-сервер для конкретного браузера?

Присоединение прокси-сервера разработки непосредственно к экземпляру браузера имеет несколько преимуществ:

  • Изоляция: только конкретный экземпляр браузера использует прокси-сервер, оставляя другие приложения и браузеры не затронутыми.
  • Нет системных изменений: вам не нужно изменять параметры системного прокси-сервера.
  • Параллельное тестирование. Запуск нескольких экземпляров браузера с разными конфигурациями прокси-сервера
  • Чистый трафик: см. только запросы из браузера, который вы тестируете, а не фоновый системный трафик

Предпосылки

Прежде чем начать, настройте прокси-сервер разработки так, чтобы он не регистрировался в качестве системного прокси-сервера. В вашем devproxyrc.json файле установите:

{
  "asSystemProxy": false
}

Или запустите Dev Proxy с опцией командной строки --as-system-proxy false.

Google Chrome

Google Chrome поддерживает конфигурацию прокси-сервера с помощью флагов командной строки. Чтобы запустить Chrome с помощью прокси-сервера разработки, выполните приведенные действия.

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000"

google-chrome --proxy-server="http://127.0.0.1:8000"

Подсказка

Используйте отдельный профиль пользователя, чтобы избежать влияния на данные основного браузера. Добавьте флаг, --user-data-dir чтобы указать другой каталог профиля:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000" --user-data-dir="%TEMP%\chrome-dev-proxy"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

google-chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

Это важно

Закройте все существующие экземпляры Chrome перед запуском Chrome с флагом прокси-сервера. В противном случае новый экземпляр присоединяется к существующему процессу Chrome и игнорирует параметры прокси-сервера.

Microsoft Edge

Microsoft Edge не поддерживает флаг командной --proxy-server строки. Несмотря на то, что Microsoft Edge основан на Chromium, корпорация Майкрософт не предоставляет эту функцию.

Чтобы использовать прокси-сервер разработки с Microsoft Edge, необходимо использовать параметры системного прокси-сервера. Настройте Dev Proxy в качестве системного прокси-сервера, сохраняя параметр asSystemProxy по умолчанию в значении true, или пропуская его из конфигурации.

Mozilla Firefox

Firefox не поддерживает конфигурацию прокси-сервера с помощью флагов командной строки, но ее можно настроить вручную с помощью параметров браузера.

Чтобы настроить Firefox для использования прокси-сервера разработки, выполните приведенные действия.

  1. Открытие Firefox
  2. Перейдите к параметрам>>>...
  3. Выбор конфигурации прокси-сервера вручную
  4. Установите HTTP-прокси на 127.0.0.1, а порт на 8000
  5. Проверьте также использование этого прокси-сервера для HTTPS
  6. Нажмите кнопку "ОК"

Подсказка

Создайте отдельный профиль Firefox для тестирования с помощью прокси-сервера разработки. Таким образом, вы можете сохранить обычный профиль просмотра без изменений. Чтобы создать новый профиль, запустите firefox -P и создайте новый профиль, предназначенный для тестирования Dev Proxy.

Доверять сертификату прокси для разработки

При первом запуске прокси-сервера разработки он устанавливает и доверяет корневому сертификату для расшифровки трафика HTTPS. Если вы используете отдельный профиль браузера или если браузер не использует системное хранилище сертификатов, может потребоваться вручную доверять сертификату.

Chrome и Microsoft Edge

Chrome и Microsoft Edge используют хранилище сертификатов операционной системы. Если вы уже запускали Dev Proxy и доверили сертификату в процессе первого запуска, Chrome и Microsoft Edge автоматически доверяют ему.

Firefox

Firefox использует собственное хранилище сертификатов. Чтобы доверять сертификату прокси-сервера разработки в Firefox, выполните следующие действия.

  1. Открытие Firefox
  2. Перейдите в раздел "Параметры>конфиденциальности" и"Сертификаты безопасности>">...
  3. Выберите вкладку «Полномочия»
  4. Выберите Импорт...
  5. Перейдите к сертификату прокси-сервера разработки:
    • Расположение: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Расположение: ~/.config/dev-proxy/rootCert.pfx
    • Расположение: ~/.config/dev-proxy/rootCert.pfx
  6. Отметить доверие этому центру сертификации для идентификации веб-сайтов
  7. Нажмите кнопку "ОК"

Замечание

Пароль сертификата пуст. При появлении запроса оставьте поле пароля пустым.

См. также

  • Last updated on