Создание и размещение туннеля разработки

  • Статья

Туннели разработки — это мощный инструмент для безопасного открытия локального узла в Интернете и управления доступом, чтобы вы могли легко тестировать и отлаживать веб-приложения и веб-перехватчики практически в любом месте. Создание, размещение и подключение к первому туннелю разработки в секундах.

В этом кратком руководстве вы узнаете, как создавать, размещать и подключаться к первому туннелю разработки в секундах.

Установка

Прежде чем создать туннель разработки, сначала необходимо скачать и установить devtunnel средство CLI (интерфейс командной строки), соответствующее операционной системе.

Диспетчер пакетов Windows (winget)

Вы можете использовать winget, диспетчер пакетов Майкрософт для Windows, чтобы установить и обновить ИНТЕРФЕЙС командной devtunnel строки.

winget install Microsoft.devtunnel

Эта команда устанавливает последнюю версию по умолчанию и удаляет старую версию в том же расположении, что и %LOCALAPPDATA%\Microsoft\WinGet\Packages. Чтобы указать версию, добавьте --version <version_number> нужную версию в команду.

winget upgrade Microsoft.devtunnel

Сценарий PowerShell

Вы также можете установить интерфейс командной devtunnel строки с помощью PowerShell и выполнить следующую команду:

Invoke-WebRequest -Uri https://aka.ms/TunnelsCliDownload/win-x64 -OutFile devtunnel.exe
.\devtunnel.exe -h

Ссылка на прямую загрузку:

Windows (x64) — https://aka.ms/TunnelsCliDownload/win-x64

Выполните команды вместо devtunnel./devtunnelследующих:

  1. Нажмите клавишу Windows и введите "Переменные среды".
  2. Выберите параметр "Изменить системные переменные среды".
  3. Выберите "Переменные среды..." Кнопку.
  4. В таблице "Системные переменные" вы увидите две таблицы, найдите и выберите переменную PATH.
  5. Нажмите кнопку "Изменить...".
  6. Откроется окно. Нажмите кнопку "Создать".
  7. Введите путь к каталогу файла devtunnel.exe (каталог означает исключение имени файла из пути.
  8. Чтобы найти строку каталога, можно перейти к каталогу в PowerShell или терминале и ввести pwd)
  9. Нажмите кнопку "ОК" во всех открытых окнах и перезапустите командную строку.

Имя входа

Чтобы запустить туннель разработки, сначала необходимо войти с помощью идентификатора Microsoft Entra, Майкрософт или учетной записи GitHub. Туннели разработки не поддерживают анонимное размещение туннелей для получения дополнительных сведений о справочной документации по команде CLI.

devtunnel user login

Хост

После входа в систему можно начать размещение туннеля разработки с помощью host команды. В приведенном ниже примере туннель разработки:

  • Запустите локальный сервер на порту 8080 , который передает запросы, отправленные ему.
  • Размещение туннеля разработки для локального порта 8080 , доступного к Интернету.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

Успешная host команда выводит на консоль примерно то же, что и в следующем примере.

Connecting to host tunnel relay wss://usw2-data.rel.tunnels.api.visualstudio.com/api/v1/Host/Connect/<tunnel_id>
Hosting port 8080 at https://<tunnel_id>.usw2.devtunnels.ms:8080/, https://<tunnel_id>-8080.usw2.devtunnels.ms/ and inspect it at https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/
Ready to accept connections for tunnel: <tunnel_id>

Печатный текст содержит следующее:

  • tunnel_id — идентификатор туннеля разработки.
  • Общедоступный URL-адрес — URL-адрес, который можно использовать для доступа к туннелю разработки, https://<tunnel_id>.usw2.devtunnels.ms:8080/ в этом примере.
  • Проверьте URL-адрес— URL-адрес, который можно использовать для проверки трафика, отправленного через туннель разработки, https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ в этом примере.

Связь

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

  1. Посетите этот URL-адрес в веб-браузере.
  2. Войдите с помощью той же учетной записи, что и для размещения туннеля разработки. По умолчанию туннель разработки доступны только для вас.

Поздравляем! Теперь вы можете получить доступ к локальной службе через Интернет.

Next Steps