HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 跨平台开发:初探AppCan移动开发框架

跨平台开发:初探AppCan移动开发框架

随着Android、 iPhone手机的逐渐普及,以及正在跃跃欲试准备冲进智能手机市场的WP7。移动互联网火热程度呈现直线上升的态势。飞速发展的移动互联网市场掀起了移动应用开发热潮,越来越多的开发者开始加入到移动应用开发的大军当中。
移动应用开发火了,但面对不同的手机系统,及众多的手机品牌,如何快速开发出能适配多个平台的应用成了一个难题,移动应用开发就像一块诺大的蛋糕,诱人但触手不可及。
在这个需求巨大的背景下,2011年7月,国外Nitobi公司率先推出了一套开源的移动应用解决方案PhoneGap,使用HTML5+JS+CSS3开发跨平台手机应用。2012年3月5日,国内首个HTML5应用开发平台-AppCan也正式公测。关于PhoneGap网上已有很多的介绍,今天将重点写一些AppCan使用体验。
和PhoneGap一样,使用AppCan开发跨平台应用只需会 HTML+JS+CSS。AppCan也提供了丰富的API接口,覆盖了应用开发中常用的场景,包括:通信、电话、彩信、短信、联系人、邮件、拍照、录音、视频播放、音频播放、位置信息、文件管理、传感器、跨域访问、窗口管理、二维码扫描、第三方支付等,AppCan 对所有的API接口进行了封装,方便开发者调用。
另外令人兴奋的是AppCan 开发工具SDK集成了大量原生UI控件,开发者在开发过程中可以直接添加使用。
本文将通过HelloWorld示例,讲解如何安装、使用AppCan开发工具。
首先在Appcan网站(www.appcan.cn)下载开发工具AppCan-SDK,SDK内置JRE系统,安装包大小160M。
下载完成直接安装,按照提示单击下一步即可完成。
摘自AppCan论坛文档的一段安装说明:
1、 首次安装SDK,安装完成后必须重启。
2、 无需配置本地环境变量。
3、 SDK支持win xp SP3以上系统、WIN7。
4、 自定义安装路径。
5、如电脑以前安装过JRE系统,请确保JRE为1.6或以上版本。
下面我们打开AppCan开发环境(AppCan-IDE)开始我们的开发之旅。
AppCan-IDE启动界面


点击新建按钮

 弹出新建向导


点击项目,然后下一步,弹出新建项目窗口。如下图:


输入项目名称和应用名称,点击完成弹出获取ID窗口,输入在AppCan注册的的邮箱和密码获取AppId,成功创建项目。如下图:


Hello world项目的目录


包括两个一级目录android_iphone、symbian。android_iphone下有项目所需的css,js等资源文件。(如果想在AppCan网站打包应用,则android_iphone、symbian文件夹名称是不能更改的) 在config编辑器可以更改应用名称、图标等信息。 


SDK提供了导航条、文本输入、列表、下拉框、表格、按钮等原生UI控件。


打开index.html页面,插入几个控件试一试。
在应用头部插入居左按扭


在应用头部插入居右按扭

 右键预览看看效果 (如下图) 


SDK提供本地打包功能,右键项目弹出菜单,点击生成安装包。


对启动画面进行配置 


点击生成安装包,成功后自动弹出应用所在目录。


应用还可以上传到网站打包,点击管理器图标。 

 登录成功后,勾选想上传的应用,点击上传。上传成功后可以通过服务器、AppCan网站我的帐号管理应用,服务器端保存资源文件。


如果上传到网站上的应用想重新打包,则需要在config编辑器把版本号更改,重新上传即可。
总结:AppCan SDK省略了环境配置的步骤,安装即可进去开发状态。开发者只要熟悉HTML、JS技术就可以方便的进行开发,而且SDK集成了大量原生UI框架,开发者可以快速建立界面,完成开发。详情请参考开发文档。
AppCan使用文档
官方版:http://st.appcan.cn/dev/dev_api_document.html官方补充版:http://bbs.appcan.cn/forum.php?mod=viewthread&tid=363&extra=page%3D1 

【跨平台开发:初探AppCan移动开发框架】相关文章

1. 跨平台开发:初探AppCan移动开发框架

2. 腾讯微博、AppCan达成战略合作 提供跨平台开发服务

3. 跨平台领域的淘金潮——为什么跨平台开发工具会改变现状

4. Titannium平台开发商Appcelerator融资1500万美元

5. 移动开发:HTML5 与本地 App 孰优孰劣?

6. AppCan2.0跨平台移动应用开发经验分享

7. 移动开发者必知10大移动Web开发框架

8. Web移动开发:前端开发学习资源集合

9. 简约不简单的移动开发框架Lettuce

10. Ionic - 先进的 HTML5 移动开发框架和 SDK

本文来源:https://www.51html5.com/a2416.html

点击展开全部

﹝跨平台开发:初探AppCan移动开发框架﹞相关内容

「跨平台开发:初探AppCan移动开发框架」相关专题

其它栏目

也许您还喜欢