Webプレビュー

パソコンで動いている開発サーバー、たとえばエージェントが起動した npm run dev を、ネットワークにポートを公開することなくスマホで開けます。

場所

ターミナルのキーバーにある Webプレビュー ボタン（地球儀アイコン）です。

仕組み

1. Wendo は、パソコンで待ち受けている TCP ポートを一覧にします。ss を使い、ない環境（macOS）では lsof を使います。22 番ポートは表示されません。
2. 一覧から、たとえば 127.0.0.1:3000 をタップします。
3. アプリがそのポートへの SSH トンネルを開き、Wendo 内のブラウザでページを読み込みます。

上部のバーにはアドレスが表示され、再読み込み、システムのブラウザで開く、閉じるのボタンがあります。

要件

• 接続済みのターミナルセッション。
• ポートを一覧にするための、パソコン上の ss または lsof。

制限

• 同時に開けるトンネルは 1 つだけです。別のポートを開くと、前のものは閉じます。
• 画面を離れるとトンネルは閉じます。「アプリの外で開く」も同じトンネルを使うため、画面を離れると使えなくなります。
• ページは https:// ではなく http:// で読み込まれます。
• lsof ではプロセス名が、ss ではポートだけが表示されます。
• Wendo Pro の機能です。