博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
APPCAN 如何快速的进行调试?
阅读量:6349 次
发布时间:2019-06-22

本文共 1599 字,大约阅读时间需要 5 分钟。

前言

首先写这篇文章的初衷是因为以前曾经也用过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学习

请配合抓包工具一起食用。

转载于:https://juejin.im/post/5cb6afd951882578b148c264

你可能感兴趣的文章
bootstrap随笔点击增加
查看>>
oracle 中proc和oci操作对缓存不同处理
查看>>
[LeetCode] Spiral Matrix 解题报告
查看>>
60906磁悬浮动力系统应用研究与模型搭建
查看>>
指纹获取 Fingerprint2
查看>>
面试题目3:智能指针
查看>>
取消凭证分解 (取消公司下的多个利润中心)
查看>>
flask ORM: Flask-SQLAlchemy【单表】增删改查
查看>>
vim 常用指令
查看>>
nodejs 获取自己的ip
查看>>
Nest.js 处理错误
查看>>
你好,C++(16)用表达式表达我们的设计意图——4.1 用操作符对数据进行运算...
查看>>
18.3 redis 的安装
查看>>
jdbc 简单连接
查看>>
Activiti 实战篇 小试牛刀
查看>>
java中的Static class
查看>>
Xshell 连接CentOS服务器解密
查看>>
[工具类]视频音频格式转换
查看>>
GNS3与抓包工具Wireshark的关联
查看>>
groovy-语句
查看>>