Nuxt Nationカンファレンス開催!11月12日~13日、ご参加ください。

nuxt-localtunnel
@nuxtus/nuxt-localtunnel

ローカルのNuxt環境を自動的に公開します。

Nuxt Localtunnel

開発中のNuxtインスタンスを外部からアクセスできるように、localtunnelを自動的に実行するNuxtモジュールです。

httpsを含むすべてのlocaltunnel設定オプションを完全に構成できます。

インストール

npm install @nuxtus/nuxt-localtunnel

`nuxt.config.ts` を編集し、`@nuxtus/nuxt-localtunnel` モジュールを追加します。

modules: [
  '@nuxtus/nuxt-localtunnel'
],
localtunnel: {} // Localtunnel config options go here (see below)

その後、通常通りNuxtを起動します。npm run dev 開発サイトにアクセスするための外部URLが表示されます。

設定

すべてのlocaltunnel設定オプションは、nuxt.config.ts ファイルの localtunnel プロパティを介して受け付けられます。

  • port (数値) localtunnelを介して公開するローカルポート番号。
  • subdomain (文字列) プロキシサーバーで特定のサブドメインを要求します。 **注記** 利用状況によっては、この名前が実際に割り当てられない場合があります。
  • host (文字列) 上流プロキシサーバーのURL。デフォルトは https://localtunnel.me です。
  • local_host (文字列) localhost の代わりにこのホスト名にプロキシします。これにより、プロキシされたリクエストの Host ヘッダーもこの値に書き換えられます。
  • local_https (ブール値) ローカルHTTPSサーバーへのトンネリングを有効にします。
  • local_cert (文字列) ローカルHTTPSサーバーの証明書PEMファイルへのパス。
  • local_key (文字列) ローカルHTTPSサーバーの証明書キーファイルへのパス。
  • local_ca (文字列) 自己署名証明書の証明機関ファイルへのパス。
  • allow_invalid_cert (ブール値) ローカルHTTPSサーバーの証明書チェックを無効にします (cert/key/caオプションを無視します)。

証明書オプションの詳細については、tls.createSecureContext を参照してください。

開発

  • npm run dev:prepare を実行して型スタブを生成します。
  • npm run dev を使用して、開発モードで playground を起動します。