WebXR 需求
如要設定能夠使用 WebXR 開發 AR 的環境,請備妥下列項目:
使用安全的環境
安全情境是一種安全性機制,可確保網路資源已傳輸一定程度的安全。您需要安全的情境,才能利用新功能提供值得信賴的 XR 體驗。
如要符合在安全情境下放送的資格,您的資源必須至少符合下列其中一項條件:
- 資源必須透過 TLS (
https://
) 傳送
- 資源必須透過
localhost
或 *.localhost
要求。
設定通訊埠轉送
如果您沒有透過 TLS 存取開發伺服器,仍然可以使用 Chrome 開發人員工具的通訊埠轉送功能,在安全的環境中進行開發。通訊埠轉送功能可讓 Android 裝置存取由開發機器網路伺服器代管的內容。它會在 Android 裝置上建立監聽 TCP 通訊埠,該通訊埠會對應至開發機器上的 TCP 通訊埠。接著,流量就能在這兩個連接埠之間透過 USB 連線傳輸。
請按照下列步驟設定通訊埠轉送:
- 按照 Chrome 開發人員工具操作說明中設定通訊埠轉送的步驟操作。
- 確保開發工作站的網路伺服器正在執行。
- 確認連線是否正常運作。在 Android 裝置上開啟 Google Chrome,然後根據「通訊埠轉送設定」中指定的通訊埠號碼前往
localhost
,例如 localhost:8000
。
現在 Android 裝置應該會顯示網路伺服器上的資源。這些資源會在安全環境中提供,而且可以使用 WebXR 功能。
設定支援的裝置
Android 上的 AR 體驗只能在支援 ARCore 的裝置上執行。
確認裝置已安裝並啟用 Google Play 服務 - AR 適用。
如要確認裝置是否已正確設定執行 WebXR,請使用相容的瀏覽器瀏覽範例 WebXR 網頁。
後續步驟
設定開發環境後,您可以使用 WebXR 建立 AR 體驗,接下來可以:
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-12-08 (世界標準時間)。
[null,null,["上次更新時間:2023-12-08 (世界標準時間)。"],[[["WebXR AR development requires a secure context (HTTPS, localhost, or *.localhost), a compatible browser, and an ARCore supported device."],["Port forwarding through Chrome DevTools can be used to establish a secure context if a TLS-enabled server is unavailable."],["AR experiences on Android are limited to ARCore supported devices with Google Play Services for AR installed and enabled."],["To verify device and browser compatibility, visit a sample WebXR page like the one linked in the document."],["After setup, you can proceed to create immersive AR sessions and explore further using provided resources."]]],["To enable WebXR AR development, use a web server in a secure context, either via TLS (`https://`) or `localhost`. If TLS is unavailable, use Chrome DevTools' port forwarding to map a port on your development machine to your Android device, ensuring the server is running. Confirm your Android device is ARCore-supported with Google Play Services for AR. Verify the setup by browsing to a sample WebXR page using a compatible browser.\n"]]