AppCan移动应用开发框架- AppCan应用开发

AppCan移动应用开发框架-AppCan应用开发
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是一个可以用于进行跨平台应用开发的系统，每个应用默认都适配于Andorid、iOs平台。

而Symbian 平台接口和能力稍有差别，因此在项目构件时，项目构建向导会默认建立Android_iphone和symbian目录，其中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
经过AppCan测试的用于适配各种分辨率的屏幕适配样式文件。

Js
Js路径存放了AppCan框架用到的默认脚本文件，用户的脚本文件也可放到此路径。

Zy_anim.js
用于处理窗口内页面切换动画的脚本文件
Zy_control.js
用于执行AppCan UI框架控件默认动作的脚本文件
Zy_json.js
摘录于JQyery的AJAX接口，用于处理数据通讯。

Zy_tmpl.js
用于完成JSON2View数据视图映射功能的脚本文件
Config.xml
AppCan应用的默认配置文件。

Head.html
用于处理固定标题和页脚的默认网页头，用于和HTML数据组合后显视于标题View和页脚View
3、代码编写和预览
AppCan集成开发调试环境集成了HTML、CSS和JavaScript等代码编辑组件，开发者在此可以快速的编写代码、查看大纲。

更多AppCan相关内容，请关注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集成开发环境，内部嵌入了Android和iOS应用生成工具，开发者可以在本地完成应用的打包。

由于iOS权限限制。

本地打包生成的iOS安装包只能安装于越狱后的系统。

▶云端打包
AppCan开放平台提供云端打包服务，开发者可以在云端发布生成Symbian S60、Android、iOS和运行于AppCan平台的WebApp包。

备注:
▶ Symbian S60需要编译环境进行编译，因此目前只支持云端打包。

▶ iOS系统由于权限原因，目前只支持安装与越狱后的系统。

直接编译可发布到App Store的版本的服务正在调试中，到时开发者可上传相应证书后在云端完成编译。