无间 WebAR 微信小程序

技术支持：无间 AR

官网: https://www.wujianar.com

技术支持 QQ 群：722979533

支持在微信小程序中识别，并能跟踪播放视频与渲染 3D 模型

sample 说明

下载地址： https://github.com/wujianar/wujianar-wx-mini-sample

下载地址： https://gitee.com/wujianar/wujianar-wx-mini-sample

sample 可直接运行，无需修改。

开发说明

准备无间云识别库

登录wujianar.com。

申请或购买一个云识别库

云识别库

选择一个云图库，点击“管理”

cloud

点击“上传识别图”

上传识别图

sample 中用到的识别图及关联信息如下：

video-marker

{ "videoUrl": "https://wujianar-cdn.oss-cn-hangzhou.aliyuncs.com/ardemo/videos/2.mp4" }

model-marker

{ "modelUrl": "https://wujianar-cdn.oss-cn-hangzhou.aliyuncs.com/ardemo/models/kl.gltf", "scale": 0.07 }

获取 token

点击“查看密钥”
token1

点击“客户端密钥”，选择一个有效期，将 Token 复制出

token2

准备微信开发者工具

下载“微信开发者工具”：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

获取“AppID(小程序 ID)”，如果没有，请注册微信公众平台账号：https://mp.weixin.qq.com/；
或申请测试账号：https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html

导入 sample

配置信息更新 (miniprogram/app.ts)

更新 config.token 为复制的 Token

code1

在微信开发者工具上点击“预览”

注：开发工具上不能体验，请使用真机

sample

常见问题

1. 屏幕上看不到模型

请打开调试功能，查看是否有错误；请使用 gltf 格式模型，或调整模型大小。

2. 打开调试模式可以识别，关闭后不能识别

关闭域名检测，操作如下，打开“微信开发者工具”，点击右上角“详情”，再点击“本地设置”，勾选“不校验合法域名、web-view（业务域名）、TLS版本及HTTPS证书”或将域名加入到request合法域名列表中。

domain

3. 生产环境域名配置

将域名 https://iss-api.wujianar.cn 加入到request合法域名，及 https://wjasset.oss-cn-hangzhou.aliyuncs.com 加入到downloadFile合法域名，如：
wx-domain

AR云识别服务

开发教程