Table of Contents

Quick start de desenvolvimento WeChat Mini Program com image cloud recognition

Este artigo orienta você a desenvolver rapidamente uma aplicação AR baseada em EasyAR image cloud recognition no WeChat Mini Program. Com este artigo, desenvolvedores podem aprender como integrar os recursos de EasyAR cloud recognition no ambiente WeChat Mini Program e usar o framework XR-FRAME para construir uma experiência AR interativa.

Preparação de desenvolvimento

  1. WeChat DevTools.
  2. Obtenha "AppID (Mini Program ID)". Se não tiver um, registre uma conta WeChat Official Accounts Platform ou solicite uma conta de teste.
  3. Baixe WeChat DevTools.
  4. Uma API Key compatível com cloud recognition.
  5. Uma cloud recognition database em execução.

Fazer upload de imagens cloud recognition

Prepare uma imagem de recognition e faça upload para a cloud recognition database. Para o método de upload, consulte image database management.

Baixar Sample

Baixe "EasyAR CRS 微信小程序Sample" na página de download do EasyAR.

crs-wx

Configurar sample

  • Extraia "EasyAR-miniprogram-WebAR-Demo-tracking.zip" baixado para o seu diretório.

image

  • Importe para WeChat DevTools.

image

image

  • Em "本地设置" dentro de "详情", marque "不检验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书".

image

  • Efeito de preview em "微信开发者工具".

image

  • O código sample já reserva itens de configuração. Configure-os de acordo com seu ambiente real.

image

Preview do efeito

  • Clique em "预览" em "微信开发者工具".
  • Selecione "启动手机端自动预览".
  • Clique em "编译并预览"

image

Dica

Não use "真机调试".

  • Efeito de execução no telefone.

image

  • Se você não adicionou o nome de domínio à lista de solicitações válidas, ative "开发调试". O método para abrir é o seguinte:

image

  • Se for a primeira execução, clique em "允许" para autorizar o acesso à câmera.

image

  • Clique em "云识别功能" na página de preview.

image

  • Aponte a câmera do telefone para a imagem de recognition que você enviou e clique em "点击识别". Se o target for reconhecido, o nome do target reconhecido aparecerá.

image

Tópicos relacionados