EasyAR 社区教程
帮助你快速熟悉EasyAR产品,轻松上手
  1. 首页
  2. CRS
  3. 正文

EasyAR 小程序开发参考指南

2020年04月08日 4612点热度 9人点赞 0条评论

一、开发前准备
1.  登陆EasyAR官网创建WebAR云识别图库,获取Cloud Key,Cloud Secret和Client-end URL
2.  登陆链接https://github.com/zi-kang/EasyAR-miniprogram-WebAR-Demo,下载EasyAR小程序demo

 

 

3. 下载微信web开发者工具,注册AppID,注册后的AppID可在小程序后台【开发/开发设置】中获取AppID

 

 

二、开发步骤
1.  在微信开发者工具中找到app.json文件,配置页面路由以及全局信息等。假设现在需要三个页面:首页、识别页面和展示页面。其配置结构和目录如下:

 

 

2.  在project.config.json中填入AppID。
3.  若选择使用云识别Cloud Key、Cloud Secret、Client-end URL的方式,则需要在recognize.php文件中填写上述三要素。如下图所示:

 

 

4.  其次将该文件上传到您的服务器中,最后在recognition.js文件填写您的请求接口

 

 

5. 若选择token方式请求识别的话,在recognition.js中填写token。如下图所示

 

 

6. 在show.wxml文件中,选择相应的媒体组件,可参考微信小程序开发文档。若需求为渲染3D模型,因小程序无法加载three.js等js插件,在展示页面,及直接体验跳转的页面,使用web-view组件呈现,代码如下:

 

 

! 如果在开发中遇到问题,关于EasyAR小程序的常见问题或许可以帮助到你 

 

标签: 暂无
最后更新:2020年04月15日

EasyAR Team

保持饥渴的专注,追求最佳的品质

点赞
下一篇 >
最新 热点 随机
最新 热点 随机
涂涂乐模型更换 — 视频教程 EasyAR 学习路线资源整理 EasyAR SpatialMap空间地图开发 EasyAR UnityPlugin 视频教程合集 室内导航视频教程 CloudRecognition 打包步骤 SparseSpatialMap打包步骤 EasyAR CRS 故障排除检测 EasyAR WebAR 开发参考指南 EasyAR 小程序开发参考指南
涂涂乐模型更换 — 视频教程 EasyAR 小程序开发参考指南 CloudRecognition 打包步骤 EasyAR 学习路线资源整理 EasyAR CRS 故障排除检测 SparseSpatialMap打包步骤 EasyAR UnityPlugin 视频教程合集 EasyAR WebAR 开发参考指南 室内导航视频教程 EasyAR SpatialMap空间地图开发

COPYRIGHT © 2020 . ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS