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

原创
移动开发 移动应用
随着移动互联网时代的降临,iPhone、Android等移动应用掀起新一波淘金浪潮。如何快速开发出能适配多个平台的应用成了一个难题,国外Nitobi公司率先推出了一套开源的移动应用解决方案PhoneGap。而国内同样不甘落后,正益无线公司也推出跨平台移动应用开发框架AppCan。

AppCan作为国内少有的首先支持HTML5移动应用在线开发平台,和PhoneGap一样,AppCan仅仅只用HTML+JS+CSS即可制作出跨平台的移动应用,并且有完善的中文文档,更利于开发者学习。AppCan 提供了丰富的平台接口库,覆盖了应用开发中常用的场景,包括:通信、电话、彩信、短信、联系人、邮件、拍照、录音、视频播放、音频播放、位置信息、文件管理、传感器、跨域访问、窗口管理、二维码扫描、第三方支付等,封装成javascript接口,方便开发者调用。

本文将通过HelloWorld示例,讲解如何安装、使用AppCan开发框架。

首先要到AppCan的官方网站下载SDK,大小160M还是可以接受的。SDK本身内置jre环境文件,比PhoneGap有优势的是无需环境变量等配置。如果开发者之前没安装jre环境,SDK默认安装jre,如果之前安装过java环境则需要保证java环境变量配置正确。并且jre版本需要保证1.60以上。安装完成需要重新启动计算机。下面我们打开SDK点击新建按钮。

弹出新建向导。

输入项目名称和应用名称,点击完成需要输入AppCan的邮箱和密码获取AppId,成功创建项目。

我们发现项目的目录如下图。

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

还有config编辑器。在config编辑器可以更改应用名称、图标等信息。

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

打开index.html页面,插入几个控件试一试。

右键预览看看效果不错!

SDK内置生成安装包功能,下面来试试生成安装包,在项目右键可以弹出生成安装包菜单。

首先配置启动画面。

点击生成安装包,成功后自动弹出应用所在目录。安装到手机上感觉一下,很不错!SDK提供的本地打包十分方便。

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

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

如果上传到网站上的native模式的应用想重新打包,则需要在config编辑器把版本号更改,重新上传即可。

总结

AppCan SDK省略了很多环境配置的步骤。安装即可进去开发状态,熟悉HTML、JS技术就可以方便的进行开发,而且提供了UI框架,开发者可以快速建立界面,完成开发。详情请参考开发文档

责任编辑:佚名 来源: 厂商供稿
相关推荐

2010-10-09 15:01:27

PhoneGapiPhoneAndroid

2013-07-04 10:06:32

AppCan

2012-04-23 09:32:15

AppCan跨平台开发

2011-07-06 11:16:32

Unity3DCocos2dSparrow Fra

2014-07-08 09:37:28

跨平台Webhtml5

2013-07-17 13:51:48

AppCanPhoneGap

2013-06-26 14:55:59

AppCan

2012-10-25 10:14:49

AppCan跨平台

2012-05-17 10:44:29

AppCan

2010-11-11 09:04:05

跨平台移动开发

2012-10-18 09:19:29

AppCan 2.0AppCan

2015-03-28 19:18:47

线下公开课51CTO沙龙MDSA

2012-07-11 10:52:48

腾讯微博AppCan

2012-06-20 09:55:34

Web开发者

2012-03-07 10:02:35

AppCanHTML5移动应用

2014-03-24 10:30:38

卢建晖跨平台开发

2012-05-09 16:19:15

腾讯微博AppCan

2011-06-14 10:05:41

UDEAndroidJ2ME(K-Java

2011-09-05 11:27:17

Sencha Touc框架HTML5

2015-05-13 10:09:39

移动跨平台开发
点赞
收藏

51CTO技术栈公众号