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框架,开发者可以快速建立界面,完成开发。详情请参考开发文档。