Table of Contents

Inicio rápido del desarrollo Web de Image Cloud Recognition

EasyAR WebAR implementa funciones AR basadas en tecnologías Web. En comparación con las aplicaciones AR nativas, es ligero, rápido de desplegar y fácil de difundir ampliamente. No requiere instalar una APP y puede ejecutarse en los navegadores principales de Android, iOS, Windows, Mac y otros sistemas, logrando verdadera compatibilidad multiplataforma.

Antes de comenzar

Antes de comenzar, asegúrese de haber preparado lo siguiente:

  1. Una API Key que soporte Cloud Recognition
  2. Una Cloud Recognition library en ejecución

Subir imágenes de Cloud Recognition

Prepare una imagen de recognition y súbala a la Cloud Recognition library. Para el método de subida, consulte Gallery management.

Descargar el sample

Para facilitar el desarrollo rápido, proporcionamos sample code. Los desarrolladores pueden descargar estos samples y probar rápidamente las funciones WebAR.

Haga clic para descargar

Configurar el sample

El sample code ya contiene elementos de configuración reservados. Configúrelos según el entorno real.

  • Edite el archivo config/application.txt
  • Reemplace API Key, API Secret y CRS AppId en el archivo de configuración

Configuración de Cloud Recognition

  • Edite el archivo asset/js/app.js dentro del directorio del sample
  • Reemplace el Client-end (Target Recognition) URL de Cloud Recognition en app.js

Configuración de Cloud Recognition

Ejecutar el sample

Los archivos EasyAR-WebAR_* son servicios HTTP y de generación de token. Si el inicio se realiza correctamente, se mostrará el número de puerto en escucha. Ejecútelos así:

  • Sistema Linux: 
    ./EasyAR-WebAR_linux
  • Sistema macOS: 
    ./EasyAR-WebAR_darwin
  • Sistema Windows: 
    // 鼠标双击或在 cmd 中运行
EasyAR-WebAR_windows.exe

Probar el sample

Introduzca http://127.0.0.1:3000/ en un navegador de PC (requiere cámara). Se recomienda usar Firefox. Apunte al target de recognition y observe el efecto de ejecución del sample.

Consejo

Si desea probarlo en un teléfono móvil, configure un dominio compatible con HTTPS.

Temas relacionados