WebAR小程序开发

开发前准备

登陆EasyAR官网创建WebAR云识别图库,获取Cloud Key,Cloud Secret和Client-end URL。
登陆链接https://github.com/zi-kang/EasyAR-miniprogram-WebAR-Demo，下载EasyAR小程序demo。
下载微信web开发者工具，注册AppID,注册后的AppID可在小程序后台【开发/开发设置】中获取AppID。
开发步骤
在微信开发者工具中找到app.json文件，配置页面路由以及全局信息等。假设现在需要三个页面：首页、识别页面和展示页面。其配置结构和目录如下：
在project.config.json中填入AppID。
若选择使用云识别Cloud Key、Cloud Secret、Client-end URL的方式，则需要在recognize.php文件中填写上述三要素。如下图所示：
其次将该文件上传到您的服务器中，最后在recognition.js文件填写您的请求接口。
若选择token方式请求识别的话，在recognition.js中填写token。如下图所示：
13.在show.wxml文件中，选择相应的媒体组件，可参考微信小程序开发文档。若需求为渲染3D模型，因小程序无法加载three.js等js插件，在展示页面，及直接体验跳转的页面，使用web-view组件呈现，代码如下：

点击：h5ar开发教程

WebAR小程序开发相关推荐

小程序开发需要注意什么
小程序对于现在的生活来说已经是一个特别热门的应用了,没有人不知道小程序的存在,小程序有很多的优势,使用特别方便并且不占内存,所以受很多人的喜欢,那么小程序开发需要注意些什么呢?今天方维网络就给大家分享 ...
微信小程序开发的完整流程介绍，新手必读
自从跳一跳小程序游戏出现后,一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的 ...
01 小程序开发入门
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.什么是小程序小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可 ...
微信小程序开发（2）_data属性
假设我们的环境都做好了,现在我们开始开发自己的小程序首先我们开发出自己的 Hello World 我们要做的事情是当前点击hello World的时候HelloWorld的颜色发生变化: 这个是我们 ...
微信小程序开发之选项卡
选项卡是web开发中经常使用到的一个模块,在小程序中竟然没有,这里参考别人的文章自己做了一个双选项卡实现思路: 通过绑定swichNav事件来控制currentTab(当前选项卡)和isShow(是 ...
微信小程序开发优秀教程及文章合集第一期
2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...
经验总结--我的小程序开发和进化之路
前言从接触小程序开始,到现在大大小小做了差不多有五六个小程序项目了,小项目的只有几个页面,大的项目有几十个页面.此篇文章是对之前项目的一个总结,项目的脚手架,开发框架和后期的优化是一个逐渐进化完善的 ...
新闻资讯小程序开发实践
新闻资讯小程序开发实践在腾讯小程序上线一周年之际,公司又决定把App产品部分内容在小程序上实现.就在小程序刚上线的时候,公司也有一款产品进行了小程序的研发,但后续没有持续的维护.这过了一年的时间,微 ...
amos看拟合度在哪里看_小程序开发公司哪里强？看这几点
如今小程序开发已不罕见,越来越多的线下商家需要布局线上渠道,小程序是一个非常好的选择.但是,对于不懂任何技术.也没有自身技术团队的小白而言,若想拥有自己的小程序,就需要找靠谱的微信小程序开发公司,但是 ...

WebAR小程序开发

点击：h5ar开发教程

WebAR小程序开发相关推荐

最新文章

热门文章