初试EasyAR的WebAR

项目需要使用EasyAR来开发WebAR,接下来会从项目开始到结束整个记录下来

自己的电脑,运行环境Win10,服务器使用IIS搭建

一、下载EasyAR的WebARDemo

1、创建EasyAR账号

2、新建云识别图库,自己测试搞个免费的就行

新建云识别图库

3、查看密钥,后边会使用到

上一步新建的图库的密钥

4、github下载Demo:https://github.com/gentwolf-shen/EasyAR-WebAR-Demo

二、运行WebAR Demo

1:、解压下载的Demo,更改配置文件application.txt中的参数,参数分别对应新建云识别图库的密钥中的参数

key : Cloud Key

secret :Cloud Secret

url:Client-end (Target Recognition) URL

更改参数

2、CMD运行EasyAR-WebAR_windows.exe,测试设置是否正确,如果能运行会显示刚才设置的端口号,如果不能运行会提示错误原因,按照提示修改就行了

查看参数设置

3、将文件部署到iis上试试,添加一个网站,名称随你,端口自定义,只要没被占用就行,物理路径设置到XXX\EasyAR-WebAR-Demo-master\html\TokenThreeJsExample路径下,使用Https(需要SSL证书才能使用https,这个自己想办法,我用的自己的域名对应的SSL,下载下来临时用,也能用,反正看效果嘛,具体的可以去百度一下,就不在这里说了)


添加网站

4、好嘞,打印一张之前提交的识别图来试试,额,失败了,模型加载不出来,看下console显示资源加载404,好吧,百度一下,设置一下web.config吧,

添加 staticContent节点

5、再次尝试,加载成功,模型正确显示,小恐龙出来了,试了多款浏览器,摄像头有点差异,苹果浏览器显示不出来后置摄像头,其他的也算正常,都能显示出来,OK,先这样吧!

你可能感兴趣的:(初试EasyAR的WebAR)