Урок 7. Просмотр сервера разработки на телефоне

Агент создал веб-интерфейс. Используйте ту же tailnet, что и ccmux, чтобы открыть его на своем телефоне, не развертывая.

Доступ через Tailscale Serve

Подключите оба устройства к tailnet. Запустите сервер разработки на одной панели tmux и запишите порт, который он печатает. В этом примере Vite используется порт 5173; Astro обычно использует 4321.

npm run dev

На второй панели укажите общий доступ к этому порту:

tailscale serve 5173

Следуйте любому запросу по настройке HTTPS, затем откройте напечатанный URL-адрес HTTPS на своем телефоне. Предоставляйте прокси-серверы локальному серверу, не требуя от него прослушивания каждого сетевого интерфейса. Доступ соответствует вашей политике tailnet.

Оставьте эту панель включенной. Пресса Ctrl-C на панели «Обслуживание», когда вы хотите прекратить общий доступ. Это останавливает сеанс обслуживания на переднем плане без сброса несвязанной конфигурации обслуживания.

См. документация Tailscale Serve для текущих требований и команд настройки.

Если платформа отклоняет имя хоста

Некоторые серверы разработки проверяют заголовок Host. Добавляйте в список разрешенных хостов вашей платформы только точное имя хоста, напечатанное Tailscale. О Вите см. server.allowedHosts. Избегайте глобального отключения проверки хостов.

Если за прокси-сервером не загружается в реальном времени, обновите страницу вручную или настройте источник WebSocket вашей платформы. Вы также можете напрямую привязаться к IP-адресу Tailscale машины. Для Вите:

npm run dev -- --host "$(tailscale ip -4)"

Откройте распечатанный IP-адрес Tailscale и порт на своем телефоне через HTTP. Он передается внутри зашифрованного туннеля Tailscale, но функции браузера, требующие происхождения HTTPS, могут быть недоступны. Используйте Serve, когда вам нужен HTTPS.

Привязка к 0.0.0.0 также будет предоставлять доступ к серверу на других интерфейсах, включая вашу локальную сеть. Привязка к IP-адресу Tailscale сохраняет область действия этого примера для этого интерфейса. Ваша политика доступа к tailnet и брандмауэр хоста по-прежнему применяются.

Цикл обратной связи по телефону

1. Держите агент на одной панели, сервер разработки — на другой, а «Обслуживание» — на третьей.
2. Откройте URL-адрес HTTPS на своем телефоне и обновляйте его после каждого изменения.
3. Отсоединиться от tmux с помощью Ctrl-b d , когда ты отходишь.

Связь работает, пока хост не спит, подключен к Tailscale и выполняются оба процесса. Отсоединение tmux сохраняет процессы; это не гарантирует, что спящая машина останется доступной.

Обнаружили ошибку или что-то устарело? Отредактируйте эту страницу на GitHub..