Такие читатели, как вы, помогают поддерживать MUO. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Читать далее.

Иногда вам нужно открыть локальный сервер, работающий на вашем компьютере, в Интернете. Это может быть полезно для тестирования веб-приложения перед его развертыванием на удаленном сервере.

Узнайте, как использовать ngrok, распространенный инструмент для предоставления доступа к локальным веб-серверам в Интернете.

Использование ngrok для локальной веб-разработки

ngrok — это туннельное решение для запуска локальных веб-серверов в Интернете с 2015 года.

Используя ngrok, вы можете создать общедоступный URL-адрес, который сопоставляется с вашим локальным сервером, что позволяет другим пользователям легко получать доступ к своей работе из любой точки мира. Затем вы можете тестировать свои приложения с разных устройств и веб-браузеров и устранять неполадки, используя журналы запросов и ответов ngrok.

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

instagram viewer

Установка ngrok на ваш компьютер

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

Чтобы установить ngrok на свой компьютер, перейдите на официальный страница загрузки ngrok.

Затем вам следует приступить к загрузке ngrok для вашей конкретной ОС (операционной системы), либо загрузив ZIP-файл и извлечение его или установить его с помощью менеджера пакетов, такого как Chocolatey или Homebrew.

Чтобы установить ngrok с Chocolatey или Homebrew в Windows и macOS, вам потребуется установить любой менеджер пакетов.

Чтобы установить Chocolatey в Windows, запустите эту команду от администратора Windows PowerShell:

Set-ExecutionPolicy Bypass-Scope Process-Force; [Система. Сеть. ServicePointManager]::SecurityProtocol = [System. Сеть. ServicePointManager]::SecurityProtocol -bor 3072; икс((Новый-Объектная система. Сеть. Веб-клиент).СкачатьСтрока(' https://community.chocolatey.org/install.ps1'))

Чтобы установить Homebrew на macOS, запустите эту команду в своем терминале:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/установить/ГОЛОВА/install.sh)"

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

Создание нового локального туннеля ngrok с вашей учетной записью

Чтобы создать туннель ngrok для доступа к вашему локальному серверу, вам необходимо зарегистрировать учетную запись ngrok и создать токен аутентификации.

Шаг 1: Зарегистрируйтесь

Направляйтесь к страница регистрации ngrok, заполните форму необходимыми данными и нажмите на Зарегистрироваться.

Шаг 2: Добавьте токен в конфигурацию

Теперь у вас есть учетная запись, вам нужно будет добавить автоматически сгенерированный токен аутентификации в ngrok.yml файл конфигурации. Этот токен уникален для вашей учетной записи, поэтому вы должны хранить его в безопасности. Чтобы добавить токен авторизации, перейдите к Ваш авторизационный токен страницы в боковой панели навигации.

Вы можете скопировать свой токен авторизации и запустить продемонстрированную команду в своем терминале, чтобы установить файл конфигурации:

ngrok config add-authtoken YOUR_AUTH_TOKEN

Шаг 3: Запустите ngrok

Выполнив предыдущие шаги, вы можете создать туннель ngrok для запуска вашего сервера.

Для этого выполните следующую команду с предпочтительным номером порта.

Например:

нгрок http 3000

Теперь у вас есть локальный туннель ngrok, работающий на вашем компьютере.

Решение распространенных проблем с настройкой

  • Ограничения брандмауэра: если ваш компьютер находится за брандмауэром, вам может потребоваться изменить его настройки, чтобы разрешить ngrok подключаться к Интернету.
  • Неверный токен аутентификации: если вы введете неправильный токен аутентификации при запуске ngrok, вы можете получить сообщение об ошибке, указывающее, что ваш токен недействителен. Подтвердите свой токен или сбросьте токен на сайте, нажав на кнопку Сбросить авторизационный токен кнопка.
  • Отказано в доступе: если вы получаете сообщение об ошибке «отказано в доступе» при запуске ngrok, вам может потребоваться запустить команду ngrok от имени администратора или с повышенными привилегиями.

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

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