WebXR 需求

如要設定能夠使用 WebXR 開發 AR 的環境,請備妥下列項目:

使用安全的環境

安全情境是一種安全性機制,可確保網路資源已傳輸一定程度的安全。您需要安全的情境,才能利用新功能提供值得信賴的 XR 體驗

如要符合在安全情境下放送的資格,您的資源必須至少符合下列其中一項條件:

  • 資源必須透過 TLS (https://) 傳送
  • 資源必須透過 localhost*.localhost 要求。

設定通訊埠轉送

如果您沒有透過 TLS 存取開發伺服器,仍然可以使用 Chrome 開發人員工具的通訊埠轉送功能,在安全的環境中進行開發。通訊埠轉送功能可讓 Android 裝置存取由開發機器網路伺服器代管的內容。它會在 Android 裝置上建立監聽 TCP 通訊埠,該通訊埠會對應至開發機器上的 TCP 通訊埠。接著,流量就能在這兩個連接埠之間透過 USB 連線傳輸。

請按照下列步驟設定通訊埠轉送:

  1. 按照 Chrome 開發人員工具操作說明設定通訊埠轉送的步驟操作。
  2. 確保開發工作站的網路伺服器正在執行。
  3. 確認連線是否正常運作。在 Android 裝置上開啟 Google Chrome,然後根據「通訊埠轉送設定」中指定的通訊埠號碼前往 localhost,例如 localhost:8000

現在 Android 裝置應該會顯示網路伺服器上的資源。這些資源會在安全環境中提供,而且可以使用 WebXR 功能。

設定支援的裝置

Android 上的 AR 體驗只能在支援 ARCore 的裝置上執行。 確認裝置已安裝並啟用 Google Play 服務 - AR 適用

如要確認裝置是否已正確設定執行 WebXR,請使用相容的瀏覽器瀏覽範例 WebXR 網頁

後續步驟

設定開發環境後,您可以使用 WebXR 建立 AR 體驗,接下來可以: