使用EasyAR实现WebAR案例

实现使用EasyAr官方案例在本地运行WebAR

1.从EasyAR官网下载案例：http://forum.easyar.cn/portal.php?mod=view&aid=27

2.解压

 

3.打开 backend ----PHP 文件夹 把 里面的 recognize.php  这个文件 复制到  html -------SimpleThreeJsExample文件夹下。如图

上图是已经复制好的了。

 

4.集成的apache环境

下载链接：https://www.apachefriends.org/zh_cn/download.html

接下来安装下载好的XAMPP,安装程序默认的就行安装在c盘

这里是关于apache安装环境以及安全性的一篇帖子：https://www.cnblogs.com/quicksnow/p/3465905.html

然后启动Apache

5.接下来 

把 SimpleThreeJsExample 文件夹 移动 到 刚才你在c盘安装的xampp目录下，具体操作是：

xampp--------htdocs 目录下

 

 

 6.接下来在xampp\htdocs目录下找到SimpleThreeJsExampleda-------recognize.php 打开它

如果你没有安装工具，这里有下载地址：https://www.sublimetext.com/

 

按照以下填写好：

如果没有这三个参数，到EasyAR官网去申请：http://forum.easyar.cn/portal.php?mod=view&aid=27

 

需要注意的事：替换的是   '  '    (也就是单引号里面的内容，尖括号一起是被替换掉，不需要尖括号的存在)  内的内容。

 

7.按照以下路径打开app.js

C:\xampp\htdocs\SimpleThreeJsExample\asset\js

官方原始的数据应该是：

 

修改参数：

这个是修改过后的参数。就按这样来。

 

8.保存，运行。

正确的打开姿势：https://电脑ip/SimpleThreeJsExample/index.html     (必须要加s ，http 不能够打开摄像头)

电脑ip：在cmd输入  ipconfig/all   回车

浏览器最好使用火狐浏览器，谷歌浏览器。其他浏览器没试。

 

以上是在本地实现，下篇文章将会更新在服务器实现WebAR。

 

总结错误:

1.出现

这个错误。原因是，在填写Key的时候，留有尖括号没有替换掉，只是替换可尖括号里的内容。

2.出现

 

原因：没有按照路径打开。不能直接在

SimpleThreeJsExample-------index.html 打开。

正确的打开姿势，上面有介绍。