Как бесплатно открыть доступ к локальному веб серверу без белого ip
Забудьте про настройку роутеров и ВПН: как показать локальный сайт клиенту за 5 минут
Знакомая ситуация? Вы длительное время разрабатываете веб-приложение, наступает момент демо, и вы упираетесь в техническую стену: как быстро и безопасно показать работу на localhost человеку в другой сети?
Варианты, которые первыми приходят в голову, обычно либо сложные, либо дорогие, либо рискованные:
- «Держи, подключайся к моему ВПН» — звучит как приглашение хакера на свой личный компьютер.
- «Сейчас проброшу порт на роутере» — и вы теряете 40 минут на борьбу с сетевым оборудованием и настройкой файрвола.
- «Арендую VPS на часок» — это лишние траты, время на деплой и нервы из-за конфигов (ведь локально уже все настроено и работает).
А если у вас, как и у меня, провайдер не дает статический IP-адрес, то задача и вовсе кажется нерешаемой без танцев с бубном.
Раньше я пользовался такими сервисами, как ngrok или localtunnel. Они спасали, но скорость и доступность оставляли желать лучшего, некоторое время назад ngrok перестал работать в РФ. В этой статье хочу рассказать про сервис Tunyl, который создает безопасный публичный URL и перенаправляет все запросы прямо на ваш локальный сервер. Никаких настроек сети, аренды серверов и возни с сертификатами.
Давайте на живом примере разберем, как это работает. Представьте, что вы фрилансер и вам нужно срочно показать прототип заказчику.
Шаг 1: Регистрация — дело двух минут
Первым делом идем на сайт tunyl.com и создаем аккаунт. Процесс стандартный: почта, пароль, подтверждение по ссылке в письме.
После входа создаем свой первый «сайт». По сути, мы просто резервируем себе уникальный поддомен. Я, например, назвал свой проект pahatrop, и мой уникальный URL для демо стал pahatrop.tunyl.com.
После создания сайта система сразу выдаст команду для подключения вида npx start-tunyl@latest --port 3000 --token <TOKEN>, эту строку необходимо сохранить, она нам пригодится дальше.
Если вы сейчас откроете свой адрес в браузере, увидите ошибку. Это нормально — мы еще не подключили свой компьютер.
Шаг 2: Готовим локальное приложение
У меня на компьюетере крутится простой API-сервер на NestJS. Создать его можно парой команд:
npx nest new my-demo-server cd my-demo-server npm run start
Сервер функционирует на http://localhost:3000, но остаётся недоступным для внешних подключений. Организация удалённого доступа для клиента традиционными методами требует проброса портов, настройки файрвола или использования VPN-решений, что отнимает значительное время и усилия. Tunyl позволяет обойти эти сложности, предоставляя готовое решение для безопасного туннелирования трафика.
Шаг 3: Волшебство одного запуска
Устанавливать ничего не нужно (кроме предустановленного NodeJs). Просто открываем терминал и, используя сохраненную команду, запускаем прокси:
npx start-tunyl@latest --port 3000 --token <TOKEN>
Шаг 4: Дело сделано!
Если все прошло успешно, в консоли вы увидите сообщение о подключении. Всё! Теперь ваш локальный сервер доступен из любого уголка мира по вашему персональному адресу.
Вы просто отправляете ссылку pahatrop.tunyl.com заказчику в Telegram или Zoom. Он кликает по ней и сразу видит работающее приложение у вас на машине. Вы можете в реальном времени вносить изменения и показывать, как все работает.
Что в сухом остатке? Преимущества Tunyl
- ⚡ Быстрая скорость настройки. От идеи до работающей публичной ссылки проходит 5 минут.
- 🔒 Безопасность. Не нужно никого подключать к своей домашней сети. Соединение зашифровано.
- 💸 Бесплатно. На момент написания статьи сервис бесплатный, что идеально для старта и разовых демок.
- 😌 Не требует статического IP. Главная боль пользователей домашних интернетов решена.
Tunyl — это не просто еще один технический инструмент. Это решение конкретной бизнес-задачи: быстрое и профессиональное проведение демонстраций без лишних затрат и сложностей. Он отлично подходит для фрилансеров, разработчиков на удаленке и небольших команд, которые часто работают над прототипами.
А какими инструментами для быстрых демо пользуетесь вы? Делитесь опытом в комментариях.