Прощай, кустарный проброс портов: полное руководство по публикации вашей локальной среды разработки

Привет, коллеги-разработчики! Давайте обсудим знакомый сценарий.
Пятница, 4 часа дня. Вы только что закончили ключевую функцию и вам нужно срочно показать ее клиенту, или, возможно, вам нужно получить веб-хук от Stripe или GitHub для финального тестирования интеграции. Ваш код безупречно работает на локальном хосте, но теперь вам нужен публичный URL, указывающий на ваш localhost:3000.
И тут начинается ритуал, который мы все знаем наизусть:
Вы открываете терминал и вводите ngrok http 3000. Нажимаете Enter. Среди вывода вы находите URL, заканчивающийся на .ngrok-free.app, аккуратно копируете его и вставляете в панель администратора. И тут вы понимаете… что указали не тот порт. Должно было быть 8080. Ctrl+C, чтобы прервать процесс, стрелка вверх, исправить порт, Enter, снова скопировать, снова вставить…
А если вам нужны туннели для двух проектов одновременно? Это еще одно окно терминала. Управление всем этим напоминает хаотичную ручную мастерскую.
Не поймите меня неправильно, ngrok — это фантастический инструмент. Он, вместе с такими приложениями, как frp, спасал нас бесчисленное количество раз в критические моменты. Это швейцарские ножи нашего ремесла — мощные и надежные. Проблема, однако, заключается в рабочем процессе. Он разрознен. Каждый раз, когда нам нужен публичный URL, нам приходится отрываться от наших удобных IDE и погружаться в суровую командную строку для выполнения этой «ручной работы».
Мы — разработчики, творцы, а не сантехники туннелей. Мы заслуживаем более элегантных, интегрированных инструментов.
Я думал, что эта «гимнастика в командной строке» — это просто данность. До прошлой недели, когда моя основная среда для локальной разработки на macOS, , выпустила обновление до версии 1.13.0^^.

Я ожидал обычных исправлений, но один раздел в примечаниях к выпуску привлек мое внимание: Мощная интеграция со сторонними обратными прокси-серверами^^.

Они не просто встроили ngrok. Нет, они пошли гораздо дальше. Они интегрировали ngrok, frp, cloudflare tunnel и pinggy.io — четыре популярных инструмента для туннелирования — и объединили их все под единым графическим интерфейсом^^.

Теперь мой рабочий процесс выглядит так:

1. В интерфейсе Servbay я нажимаю на опцию «Tunnel».

2. Выбираю сайт, который хочу опубликовать, из списка моих локальных сайтов.

3. Нажимаю на переключатель рядом с ngrok или frp.

4. Стабильный, готовый к использованию публичный URL мгновенно появляется на экране, в комплекте с кнопкой «копировать».

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

В этом и заключается магия первоклассного инструмента: он не меняет вашу цель, но он революционизирует способ ее достижения. Обновление Servbay плавно интегрирует некогда фрагментированную, ручную задачу туннелирования в единый процесс локальной разработки. Управление версиями PHP, переключение баз данных, настройка SSL, а теперь и публикация публичных URL — все это происходит в рамках одной элегантной платформы^^.

Это больше, чем просто повышение эффективности; это скачок вперед в опыте разработки. Это освобождает нашу ценную умственную энергию от утомительной «прокладки труб» и позволяет нам сосредоточиться на том, что действительно важно: коде и творчестве.
Если вы разработчик на Mac, уставший от «танцев с туннелями», я настоятельно рекомендую вам попробовать новый . Вы можете последнюю версию прямо с их веб-сайта^^. Это одно из тех обновлений качества жизни, которое заставит вас удивляться, как вы вообще жили без него.