Table of Contents

图像云识别微信小程序开发快速入门

本篇将带大家快速开发微信小程序上基于 EasyAR 图像云识别的 AR 应用,通过本文介绍,开发者可以掌握如何在微信小程序环境中集成 EasyAR 的云识别能力,并利用 XR-FRAME 框架构建交互式 AR 体验。

开发准备

  1. 微信开发者工具
  2. 获取 “AppID(小程序ID)”,如果没有,请注册微信公众平台账号申请测试账号
  3. 微信开发者工具下载
  4. 支持云识别的 API Key
  5. 运行中的云识别库

上传云识别图片

准备一张识别图片,并上传到云识别库,上传方法参考 图库管理

下载 Sample

EasyAR 下载页面下载 “EasyAR CRS 微信小程序Sample”。

crs-wx

配置 sample

  • 将下载的 “EasyAR-miniprogram-WebAR-Demo-tracking.zip”,解压到你的目录。

image

  • 导入微信开发者工具。

image

image

  • 在“详情”下的“本地设置”中勾选“不检验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”。

image

  • “微信开发者工具”中的预览效果。

image

  • sample 代码中已预留配置项,请根据实际环境进行配置。

image

效果预览

  • 在“微信开发者工具”上点击“预览”。
  • 选择“启动手机端自动预览”。
  • 点击“编译并预览”

image

提示

不要使用“真机调试”。

  • 在手机上的运行效果。

image

  • 如果你未将域名添加到合法请求列表中,请开启“开发调试”。打开方法如下:

image

  • 如果是首次运行,点击“允许”授权摄像头访问权限。

image

  • 点击预览页面中的“云识别功能”。

image

  • 将手机摄像头对准您上传的识别图片,点击“点击识别”,如果识别到目标,则会弹出识别目标的名称。

image

相关主题