Para configurar um ambiente capaz de desenvolver RA usando o WebXR, você vai precisar do seguinte:
- Um servidor da Web que disponibiliza recursos em um contexto seguro
Um navegador compatível com WebXR em um dispositivo compatível com ARCore
Usar um contexto seguro
Um contexto seguro é um mecanismo de segurança que garante que os recursos da Web sejam transferidos com um determinado nível de segurança. Você vai precisar de um contexto seguro para oferecer uma experiência confiável de XR com os novos recursos.
Caso contrário, para ser qualificado como exibido em um contexto seguro, o recurso precisa atender a pelo menos uma das seguintes condições:
- O recurso precisa ser enviado por TLS (
https://
) - O recurso precisa ser solicitado pelo
localhost
ou*.localhost
.
Configurar o encaminhamento de portas
Se você não tiver um servidor de desenvolvimento acessível por TLS, ainda poderá desenvolver em um contexto seguro usando o Encaminhamento de portas do Chrome DevTools. O encaminhamento de portas permite que um dispositivo Android acesse conteúdo hospedado no servidor da Web da máquina de desenvolvimento. Ele cria uma porta TCP de detecção no dispositivo Android, que é mapeada para uma porta TCP na máquina de desenvolvimento. O tráfego pode então passar pela conexão USB entre essas duas portas.
Siga estas etapas para configurar o encaminhamento de portas:
- Siga as etapas para Configurar o encaminhamento de portas nas instruções do Chrome DevTools.
- Verifique se o servidor da Web na estação de trabalho de desenvolvimento está em execução.
- Verifique se a conexão funciona. Abra o Google Chrome no dispositivo Android e navegue até
localhost
no número da porta especificado nas Configurações de encaminhamento de portas, por exemplo,localhost:8000
.
Agora os recursos no servidor da Web estarão visíveis no dispositivo Android. Esses recursos são disponibilizados em um contexto seguro e podem usar as funcionalidades do WebXR.
Configurar um dispositivo com suporte
As experiências de RA no Android só podem ser executadas em um dispositivo compatível com o ARCore. Verifique se o Google Play Services para RA do dispositivo está instalado e ativado.
Para verificar se o dispositivo está configurado corretamente para executar o WebXR, acesse uma página de exemplo do WebXR em um navegador compatível.
Próximas etapas
Agora que você configurou seu ambiente de desenvolvimento para criar experiências de RA com o WebXR, é possível:
- Saiba como criar uma sessão imersiva de RA usando o WebXR.
- Confira os exemplos do WebXR (link em inglês).