WebXR을 사용하여 AR 개발을 지원하는 환경을 설정하려면 다음이 필요합니다.
- 보안 컨텍스트에서 리소스를 제공하는 웹 서버
보안 컨텍스트 사용
보안 컨텍스트는 웹 리소스가 특정 보안 수준으로 전송되었는지 확인하는 보안 메커니즘입니다. 새로운 기능에 신뢰할 수 있는 XR 환경을 제공하려면 보안 컨텍스트가 필요합니다.
그 외 보안 컨텍스트에서 제공되는 것으로 간주되려면 리소스가 다음 조건 중 하나 이상을 충족해야 합니다.
- 리소스가 TLS (
https://
)를 통해 전송되어야 합니다. - 리소스는
localhost
또는*.localhost
를 통해 요청해야 합니다.
포트 전달 설정
TLS를 통해 액세스할 수 있는 개발 서버가 없는 경우에도 Chrome DevTools의 포트 전달을 사용하여 안전한 컨텍스트에서 개발할 수 있습니다. 포트 전달을 사용하면 Android 기기에서 개발 머신의 웹 서버에 호스팅된 콘텐츠에 액세스할 수 있습니다. Android 기기에서 개발 머신의 TCP 포트에 매핑되는 수신 대기 TCP 포트를 만듭니다. 그런 다음 트래픽은 이 두 포트 사이의 USB 연결을 통해 이동할 수 있습니다.
포트 전달을 설정하려면 다음 단계를 따르세요.
- Chrome DevTools 안내에서 포트 전달 설정 단계를 따릅니다.
- 개발 워크스테이션의 웹 서버가 실행 중인지 확인합니다.
- 연결이 작동하는지 확인합니다. Android 기기에서 Chrome을 열고 포트 전달 설정에 지정된 포트 번호(예:
localhost:8000
)에서localhost
으로 이동합니다.
웹 서버의 리소스가 이제 Android 기기에 표시됩니다. 이러한 리소스는 보안 컨텍스트에서 제공되며 WebXR 기능을 사용할 수 있습니다.
지원되는 기기 설정하기
Android의 AR 환경은 ARCore 지원 기기에서만 실행할 수 있습니다. 기기에 Google Play AR 서비스가 설치되어 있고 사용 설정되어 있는지 확인합니다.
WebXR을 실행하도록 기기가 올바르게 구성되었는지 확인하려면 호환 브라우저에서 샘플 WebXR 페이지를 방문합니다.
다음 단계
이제 WebXR을 사용하여 AR 환경을 만들기 위한 개발 환경을 설정했으므로 다음 작업을 할 수 있습니다.
- WebXR을 사용하여 몰입형 AR 세션을 생성하는 방법을 알아보세요.
- WebXR 샘플을 사용해 보세요.