综合技术

APPCAN 如何快速的进行调试?

微信扫一扫,分享到朋友圈

APPCAN 如何快速的进行调试?
0

首先写这篇文章的初衷是因为以前曾经也用过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.3AppCan-IDEpluginscom.appcan.ide.eclipse.hdt.player_1.0.0.201503161536AppCanServer) appcanIDE中很多服务都是node写的。 本地浏览器访问

http://192.168.137.1:55555/appList

进行测试有应用列表数据返回,说明成功。

生成调试app

调试app源码

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




如何使用调试app

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


输入ip后,如果一切成功,会出现以下页面


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

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

阅读原文...

微信扫一扫,分享到朋友圈

APPCAN 如何快速的进行调试?
0
稀土掘金

Hire Women! – Debbie Madden on The Product Experience

上一篇

荣耀 20i 拥有 3200 万像素自拍相机,1599 元起售

下一篇

评论已经被关闭。

插入图片

热门分类

往期推荐

APPCAN 如何快速的进行调试?

长按储存图像,分享给朋友