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

У меня было два варианта

1. Соберите и разместите его на таких сайтах, как страницы Netlify/Github (но это было очень хлопотно).
2. Каким-то образом найдите способ запустить мой локальный хост на моих мобильных устройствах.

После некоторых исследований и проведения достаточного количества времени в Google. Я наткнулся на ngrok, он используется для создания безопасных интроспективных туннелей к локальному хосту на простом языке, который позволяет использовать ваш локальный сервер в качестве реального веб-сайта.

Теперь давайте настроим наш ngrok.

Зарегистрируйтесь в ngrok тогда,

  1. Заходим на сайт:- https://ngrok.com/download
  2. Загрузите нужную версию.
  3. Извлеките его.
  • В окне просто извлекает его с помощью любого экстрактора, такого как 7zip или WinRAR.
  • В Linux или OSX вы можете разархивировать ngrok из терминала с помощью следующей команды.
unzip /path/to/ngrok.zip

4. В окне вы получите исполняемый файл, дважды щелкните его, чтобы запустить.

5. Теперь перейдите на панель инструментов ngrok и скопируйте токен авторизации.

6. Теперь запустите следующий код в терминале.
для Linux

./ngrok authtoken <Your auth token here>

для окна

ngrok authtoken <Your auth token here>

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

ngrok http <YOUR PORT HERE>
exmaple : ngrok http 3000

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

На этом все наслаждайтесь процессом разработки без особых хлопот.

Следующей темой будет «Как отладить локальный веб-сайт с мобильного устройства».