Untuk menyiapkan lingkungan yang mampu mengembangkan AR menggunakan WebXR, Anda memerlukan:
- Server web yang menyajikan resource dalam konteks yang aman
Browser yang kompatibel dengan WebXR di perangkat yang didukung ARCore
Gunakan konteks yang aman
Konteks aman adalah mekanisme keamanan yang memastikan bahwa resource web telah ditransfer dengan tingkat keamanan tertentu. Anda memerlukan konteks yang aman untuk memberikan pengalaman XR tepercaya dengan fitur baru Anda.
Selain agar memenuhi syarat sebagai disajikan dalam konteks yang aman, resource Anda harus memenuhi setidaknya salah satu kondisi berikut:
- Resource harus dikirim melalui TLS (
https://
) - Resource harus diminta melalui
localhost
atau*.localhost
.
Menyiapkan penerusan port
Jika tidak memiliki server pengembangan yang dapat diakses melalui TLS, Anda masih bisa mengembangkan dalam konteks aman dengan menggunakan Penerusan port Chrome DevTools. Penerusan port memungkinkan perangkat Android mengakses konten yang dihosting di server web mesin pengembangan. Ini membuat porta TCP yang melakukan transmisi di perangkat Android yang memetakan ke port TCP di mesin pengembangan. Lalu lintas data dapat melakukan perjalanan melalui koneksi USB di antara kedua port ini.
Ikuti langkah-langkah berikut untuk menyiapkan penerusan port:
- Ikuti langkah-langkah untuk Menyiapkan penerusan port di petunjuk Chrome DevTools.
- Pastikan server web di workstation pengembangan berjalan.
- Pastikan koneksi Anda berfungsi. Buka Google Chrome di perangkat Android dan jelajahi
localhost
pada nomor port yang ditentukan di Setelan penerusan port, misalnya,localhost:8000
.
Resource di server web kini akan terlihat dari perangkat Android. Resource ini disajikan dalam Konteks Aman dan dapat menggunakan kemampuan WebXR.
Menyiapkan perangkat yang didukung
Pengalaman AR di Android hanya dapat dijalankan di perangkat yang didukung ARCore. Pastikan perangkat telah menginstal dan mengaktifkan Layanan Google Play untuk AR.
Untuk memastikan perangkat dikonfigurasi dengan benar untuk menjalankan WebXR, lihat contoh halaman WebXR di browser yang kompatibel.
Langkah berikutnya
Setelah menyiapkan lingkungan pengembangan untuk membuat pengalaman AR menggunakan WebXR, Anda dapat:
- Pelajari cara membuat sesi AR yang imersif menggunakan WebXR.
- Coba Contoh WebXR.