前言
首先写这篇文章的初衷是因为以前曾经也用过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学习
请配合抓包工具一起食用。