AppCan移动应用开发框架- AppCan应用开发
AppCan:www.appcan
1、介绍
AppCan应用推荐使用AppCan集成调试环境进行开发,也可以使用其他常见网页编辑软件进行修改。但为了调试和测试方便,建议采用AppCan 集成调试环境在下载页可以下载。
基本的开发步骤可以参考如下图例:
开发主要步骤由四大步组成
安装配置
在这个阶段,开发者需要下载和配置开发环境。并下载所用调试移动终端对应的AppCan Player程序用于后期调试。
开发
在这个阶段,开发者需要建立自己的项目工程,并根据需求,参考示例代码和文档,编写应用。
调试和测试
在这个阶段,开发者使用AppCan模拟器测试应用的展示效果和测试应用功能。也可使用AppCan Player测试应用在真机上得表现。
发布
开发者测试玩应用后可以把应用发布给最终发布给最终用户使用。
AppCan应用是使用HTML5开发的基于AppCan中间件运行的移动应用程序。目标程序分为两个类别。
主应用和插件应用两类
主应用
使用AppCan平台开发的,可以跟其他原生应用一样安装的程序
AppCan开放平台应用
作为AppCan主应用的扩展,可以在主应用中的我的空间下载安装的应用。
主应用和AppCan开放平台应用的开发流程基本一致,只是在最终生成发布时有所差别。
2、项目管理
AppCan项目是由HTML文件、CSS文件、JavaScript文件、Config文件和其他图片、音乐、视频资源按照一定的目录结构规则组成。AppCan集成调试工具可以快捷的打包您的项目或发布到AppCan开放平台。
当您使用AppCan集成开发调试环境创建一个新项目,AppCan IDE会自动建立必要地目录并放入默认的资源、脚本文件。开发者在此基础上添加自己的资源、文件夹和文件。以下是一个AppCan项目的文件和目录结构:
Andorid_iphone
AppCan是一个可以用于进行跨平台应用开发的系统,每个应用默认都适配于AndoridiOs平台。而Symbian平台接口和能力稍有差别,因此在项目构件时,项目构建向导会默认建
Android_iphonesymbian目录,其中Andorid_iphone目录下作为标准适配应用代码路径。开发者完成调试后,可以拷贝Android_iphone目录下地所有文件到Symbian路径下,使用AppCan player for S60进行测试后,使用AppCan云端打包服务器,编译可在Symbian平台运行的应用。
Css
AppCan应用的默认样式表格存放路径,存储了AppCan UI框架需要的资源等信息。用户自定义的样式和样式用到的相关资源也可放到此路径下
Images
样式表格需要用到的图片资源
Res-apple
苹果样式按钮用到的图片资源
Css-apple.css
基于AppCan UI框架扩展的类苹果按键样式
Css-base.css
来源于JQueryMobile 样式并进行修正扩展后的AppCan UI样式
Css-media
经过AppCanjquery框架使用测试的用于适配各种分辨率的屏幕适配样式文件。
Js
Js路径存放了AppCan框架用到的默认脚本文件,用户的脚本文件也可放到此路径。
Zy_anim.js
用于处理窗口内页面切换动画的脚本文件
Zy_control.js
用于执行AppCan UI框架控件默认动作的脚本文件
Zy_json.js
摘录于JQyeryAJAX接口,用于处理数据通讯。
Zy_tmpl.js
用于完成JSON2View数据视图映射功能的脚本文件
l
AppCan应用的默认配置文件。
Head.html
用于处理固定标题和页脚的默认网页头,用于和HTML数据组合后显视于标题View和页脚View
3、代码编写和预览
AppCan集成开发调试环境集成了HTMLCSSJavaScript等代码编辑组件,开发者在此可以快速的编写代码、查看大纲。
更多AppCan相关内容,请关注AppCanwww.appcan
AppCan集成开发环境已经内置了基于AppCan UI框架的向导,开发者可以使用各种控件的向导快速插入按键、开关、复选框组等。
AppCan集成开发调试环境已经集成了基于Chrome内核开发的专有模拟器引擎,开发者可以快捷的预览应用的界面效果和模拟执行手机的各种功能。
4、应用调试
AppCan开发者开发过程中,建议采用如下流程对应用进行调试
整个开发流程中,AppCan提供了多种工具帮助开发者调试应用,调整界面。
1. 开发者在AppCan IDE里编写代码。然后使用AppCan Emulator即时查看页面效果,检查页面功能。
a) 利用Emulator内嵌的脚本调试工具可以断点跟踪JavaScript的进度。
b) 使用CSS样式元素查看器可以随时获取当前页面的DOM变更情况,检查CSS样式,并且可以即时修改页面元素来检查修正效果。真正做到所见即所得。
c) 利用网络监控器,可以获得AJAX和网页加载过程中的网络数据进行分析
2. 开发者在Emulator中完成初期代码调试和功能验证后,可以上传代码到运行于移动终端的AppCan Player程序中,进行真机运行测试。在测试过程中,如果发现问题可以随时替换页面代码。为了帮助开发者跟踪JavaScript运行情况,AppCan提供了Log跟踪接口,开发者可以在JavaScript中加入Log代码,直接输出Log到运行与IDE中的Log跟踪Server中,帮助开发者定位问题。
3. 完成AppCan Player调试后,开发者可以利用AppCan IDE的集成打包功能或云端打包功能生成可在手机中安装的安装包。
5、打包
AppCan提供打包服务,帮助开发者快速生成可在本地安装的安装包。目前提供两种模式-本地打包和云端打包。
本地打包
AppCan集成开发环境,内部嵌入了AndroidiOS应用生成工具,开发者可以在本地完成应用的打包。由于iOS权限限制。本地打包生成的iOS安装包只能安装于越狱后的系统。
云端打包
AppCan开放平台提供云端打包服务,开发者可以在云端发布生成Symbian S60AndroidiOS和运行于AppCan平台的WebApp包。
备注:
Symbian S60需要编译环境进行编译,因此目前只支持云端打包。
iOS系统由于权限原因,目前只支持安装与越狱后的系统。直接编译可发布到App Store的版本的服务正在调试中,到时开发者可上传相应证书后在云端完成编译。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。