APPCAN 如何快速的进行调试？

前言

首先写这篇文章的初衷是由于之前曾经也用过appcan产品开发过app的，虽然用如今的技术眼光来看appcan已经落伍了，没法知足要求高的技术团队了。
可是最近看了下之前加的一些appcan开发者群里面，发现仍是有部分开发者还在使用着appcan进行着开发，部分开发的app开发调试效率很低，调试部分功能的时候，都是经过官网从新打包进行反复的测试，appcan做为国内应该是第一家作的比较好的混合开发产品，在几年前对国内的移动开发应该也算是作了贡献了。
看到不少我的开发者或者小团队开发者，在开发过程当中调试很是痛苦，我但愿经过个人这边教程提升你们的效率，也但愿为appcan的生态圈作一份贡献。

原理分析

• appcan混合开发，主要仍是使用的腾讯的X5内核进行开发的引擎，在页面展现仍是原理仍是与普通浏览器打开web同样的，不同的是appcan生成的app是把开发的html页面资源一块儿打包进了app安装包中，访问的页面，都是打开的手机本地的前端资源文件。
• 若是理解了上面的实现原理的话，能够很容易的想到一种调试方式。若是用appcan技术生成一个浏览器app，能够访问经过appcan框架开发的web页面，是否是就能够在以前生成的浏览器上展现尼，能够调用系统功能如拍照，相册尼

Appcan调试中心

appcan在产品设计初期其实已经考虑到了这些方方面面的功能，只不过一开始的大神们作好了产品后，都陆陆续续离职了，后期的产品基本也没太大更新，也有点跟不上技术潮流了。
话很少说，下面介绍下如何高效率的调试

如何启动调试服务

appcanIDE上有一个启动调试服务的按钮，不少人要是没有仔细的看过官网的文档的话，就不知道什么意思了。

点击启动服务

成功启动会有控制台弹出，输出如下的日志（http port端口代码我本身修改过了，常见问题会说下）

服务源码目录（AppCanStudioEnterpriseV3.3\AppCan-IDE\plugins\com.appcan.ide.eclipse.hdt.player_1.0.0.201503161536\AppCanServer） appcanIDE中不少服务都是node写的。 本地浏览器访问 http://192.168.137.1:55555/appList进行测试有应用列表数据返回，说明成功。

生成调试app

调试app源码

目录：（AppCanStudioEnterpriseV3.3\AppCan-IDE\plugins\com.appcan.ide.eclipse.hdt.player_1.0.0.201503161536\AppCanPlayer） 在appcan开发者平台新建一个专门用来调试的项目，讲调试app的源码拷贝出来，替换新建项目的代码，配置好app的插件引擎进行打包。 打包好了以后安装app，启动app后出现如下页面即算app打包成功。

如何使用调试app

启动app后会发现有一个IP输入框，这个ip就填写咱们一开始启动服务的时候控制台输出的ip192.168.137.1（电脑和手机要在同一个网段中）

输入ip后，若是一切成功，会出现如下页面

点击对应图标，会启动appcanIDE上的对应项目。接下来就能够正常使用了，体验比较依赖网速，毕竟这个就相似一个浏览器访问web网站。

常见问题

端口号限制

有时候一些公司内网有端口号限制，这边说下服务端和app端如何修改端口号，修改为统一的端口号后，便可解决，下面贴下源码在哪里。
服务端口号

app请求端口号
appCenter_content.html 文件中全局搜索下须要修改的端口号两个地方就好/

调试app学习

请配合抓包工具一块儿食用。