WebXR の要件

WebXR を使用して AR 開発に対応した環境を設定するには、以下が必要です。

安全なコンテキストを使用する

セキュア コンテキストとは、ウェブリソースが特定のレベルのセキュリティで転送されたことを保証するセキュリティ メカニズムです。新機能で信頼できる XR エクスペリエンスを提供するには、安全なコンテキストが必要です。

一方、リソースが安全なコンテキストで提供されると見なされるには、リソースが次の条件の少なくとも 1 つを満たしている必要があります。

  • リソースは TLS（https://）経由で配信する必要がある
  • リソースは localhost または *.localhost を使用してリクエストする必要があります。

ポート転送をセットアップする

TLS でアクセスできる開発サーバーがなくても、Chrome DevTools のポート転送を使用することで、安全なコンテキストで開発を行うことができます。ポート転送を使用すると、Android デバイスは開発マシンのウェブサーバーでホストされているコンテンツにアクセスできます。Android デバイス上にリスニング TCP ポートを作成し、開発マシンの TCP ポートにマッピングします。トラフィックは、この 2 つのポート間の USB 接続を介して移動できます。

ポート転送をセットアップする手順は次のとおりです。

  1. Chrome DevTools の手順のポート転送をセットアップするの手順を行います。
  2. 開発用ワークステーションでウェブサーバーが実行されていることを確認します。
  3. 接続が機能することを確認します。Android デバイスで Google Chrome を開き、[ポート転送の設定] で指定したポート番号（localhost:8000 など）の localhost に移動します。

これで、ウェブサーバー上のリソースが Android デバイスから表示されるようになります。これらのリソースはセキュア コンテキストで提供され、WebXR 機能を使用できます。

サポートされているデバイスをセットアップする

Android での AR エクスペリエンスは、ARCore 対応デバイスでのみ実行できます。デバイスに Google Play 開発者サービス（AR）がインストールされ、有効になっていることを確認します。

デバイスが WebXR を実行するように正しく構成されていることを確認するには、互換性のあるブラウザでサンプル WebXR ページを参照します。

次のステップ

WebXR を使用して AR エクスペリエンスを作成するための開発環境をセットアップしたので、次のことができます。