При разработке веб-сайта портфолио для клиента я обнаружил ошибку в пользовательском интерфейсе, которая каким-то образом отображалась только на моих мобильных устройствах, а не в инструментах разработчика localhost.
У меня было два варианта
1. Соберите и разместите его на таких сайтах, как страницы Netlify/Github (но это было очень хлопотно).
2. Каким-то образом найдите способ запустить мой локальный хост на моих мобильных устройствах.
После некоторых исследований и проведения достаточного количества времени в Google. Я наткнулся на ngrok, он используется для создания безопасных интроспективных туннелей к локальному хосту на простом языке, который позволяет использовать ваш локальный сервер в качестве реального веб-сайта.
Теперь давайте настроим наш ngrok.
Зарегистрируйтесь в ngrok тогда,
- Заходим на сайт:- https://ngrok.com/download
- Загрузите нужную версию.
- Извлеките его.
- В окне просто извлекает его с помощью любого экстрактора, такого как 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. Вы получите следующий экран, просто скопируйте ссылку для пересылки и вставьте ее в свой мобильный браузер, чтобы получить доступ к локальному хосту.
На этом все наслаждайтесь процессом разработки без особых хлопот.
Следующей темой будет «Как отладить локальный веб-сайт с мобильного устройства».