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

《AppCan移动应用开发框架- AppCan应用开发.doc》由会员分享，可在线阅读，更多相关《AppCan移动应用开发框架- AppCan应用开发.doc（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、AppCan移动应用开发框架- AppCan应用开发AppCan官方网站： 1、介绍AppCan应用推荐使用AppCan集成调试环境进行开发，也可以使用其他常见网页编辑软件进行修改。但为了调试和测试方便，建议采用AppCan 集成调试环境在下载页可以下载。基本的开发步骤可以参考如下图例： 开发主要步骤由四大步组成 安装配置在这个阶段，开发者需要下载和配置开发环境。并下载所用调试移动终端对应的AppCan Player程序用于后期调试。 开发在这个阶段，开发者需要建立自己的项目工程，并根据需求，参考示例代码和文档，编写应用。 调试和测试在这个阶段，开发者使用AppCan模拟器测试应用的展示效果和

2、测试应用功能。也可使用AppCan Player测试应用在真机上得表现。 发布开发者测试玩应用后可以把应用发布给最终发布给最终用户使用。AppCan应用是使用HTML5开发的基于AppCan中间件运行的移动应用程序。目标程序分为两个类别。主应用和插件应用两类 主应用使用AppCan平台开发的，可以跟其他原生应用一样安装的程序 AppCan开放平台应用作为AppCan主应用的扩展，可以在主应用中的我的空间下载安装的应用。主应用和AppCan开放平台应用的开发流程基本一致，只是在最终生成发布时有所差别。 2、项目管理AppCan项目是由HTML文件、CSS文件、JavaScript文件、Confi

3、g文件和其他图片、音乐、视频资源按照一定的目录结构规则组成。AppCan集成调试工具可以快捷的打包您的项目或发布到AppCan开放平台。当您使用AppCan集成开发调试环境创建一个新项目，AppCan IDE会自动建立必要地目录并放入默认的资源、脚本文件。开发者在此基础上添加自己的资源、文件夹和文件。以下是一个AppCan项目的文件和目录结构:Andorid_iphoneAppCan是一个可以用于进行跨平台应用开发的系统，每个应用默认都适配于Andorid、iOs平台。而Symbian平台接口和能力稍有差别，因此在项目构件时，项目构建向导会默认建立Android_iphone和symbian目

4、录，其中Andorid_iphone目录下作为标准适配应用代码路径。开发者完成调试后，可以拷贝Android_iphone目录下地所有文件到Symbian路径下，使用AppCan player for S60进行测试后，使用AppCan云端打包服务器，编译可在Symbian平台运行的应用。CssAppCan应用的默认样式表格存放路径，存储了AppCan UI框架需要的资源等信息。用户自定义的样式和样式用到的相关资源也可放到此路径下Images样式表格需要用到的图片资源Res-apple苹果样式按钮用到的图片资源Css-apple.css基于AppCan UI框架扩展的类苹果按键样式Css-ba

5、se.css来源于JQueryMobile 样式并进行修正扩展后的AppCan UI样式Css-media经过AppCan测试的用于适配各种分辨率的屏幕适配样式文件。JsJs路径存放了AppCan框架用到的默认脚本文件，用户的脚本文件也可放到此路径。Zy_anim.js用于处理窗口内页面切换动画的脚本文件Zy_control.js用于执行AppCan UI框架控件默认动作的脚本文件Zy_json.js摘录于JQyery的AJAX接口，用于处理数据通讯。Zy_tmpl.js用于完成JSON2View数据视图映射功能的脚本文件Config.xmlAppCan应用的默认配置文件。Head.html用

6、于处理固定标题和页脚的默认网页头，用于和HTML数据组合后显视于标题View和页脚View 3、代码编写和预览AppCan集成开发调试环境集成了HTML、CSS和JavaScript等代码编辑组件，开发者在此可以快速的编写代码、查看大纲。 更多AppCan相关内容，请关注AppCan官方网站：AppCan集成开发环境已经内置了基于AppCan UI框架的向导，开发者可以使用各种控件的向导快速插入按键、开关、复选框组等。 AppCan集成开发调试环境已经集成了基于Chrome内核开发的专有模拟器引擎，开发者可以快捷的预览应用的界面效果和模拟执行手机的各种功能。 4、应用调试AppCan开发者开发

7、过程中，建议采用如下流程对应用进行调试 整个开发流程中，AppCan提供了多种工具帮助开发者调试应用，调整界面。1. 开发者在AppCan IDE里编写代码。然后使用AppCan Emulator即时查看页面效果，检查页面功能。a) 利用Emulator内嵌的脚本调试工具可以断点跟踪JavaScript的进度。 b) 使用CSS样式元素查看器可以随时获取当前页面的DOM变更情况，检查CSS样式，并且可以即时修改页面元素来检查修正效果。真正做到所见即所得。 c) 利用网络监控器，可以获得AJAX和网页加载过程中的网络数据进行分析 2. 开发者在Emulator中完成初期代码调试和功能验证后，可以

8、上传代码到运行于移动终端的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的版本的服务正在调试中，到时开发者可上传相应证书后在云端完成编译。