[转载]Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services) - Fish Where The Fish Are - ITeye技术网站

[转载]Cordova 3.x 基础(15) — 云端Cordova (Cloud-based Build Services) – Fish Where The Fish Are – ITeye技术网站.通过Web界面上传HTML/CSS/JavaScript源代码后,在云环境(ICE)中把这些代码转换成不同平台的app。以下简单试用了一下PhoneGap Build、AppBuilder、Appery.io、Monaca、SAE云窗调试器等5个服务。

  • 编译出来的APK文件除过Monaca获取的权限太多无法安装、SAE云窗调试器只是调试工具,基本都能够很好的实现自动化编译。
  • Appery.io编译出来的APK文件最大2.3M、PhoneGap Build编译出来的最小210K。
  • PhoneGap Build只是打包所以操作最简单。
  • AppBuilder(Icenium)在各个方面都表现良好。

(1)PhoneGap Build https://build.phonegap.com/
①可以通过Git地址或者zip文件上传代码

②上传代码

③点击“Ready to Build”

④左下角各个平台开始编译

⑤红色代表有错误,蓝色代表编译成功,点击成功的图标即可下载app

⑥点击项目名“PG Build App”进入应用详细

同时Phonegap Build被集成到了Adobe的其他产品中,比如Dreamweaver CC、Edge Code CC中。相关的Key需要提前设置,比如:在Apple的开发中心创建认证文件,Cert File->p12 File->App ID->Device ID->Provisioning profile。然后在Phonegap的Account中,在Signing Keys中“add a key”选择p12和mobileprovision文件。具体参考:http://docs.build.phonegap.com/en_US/signing_signing-ios.md.html

(2)AppBuilder(Icenium)  http://www.telerik.com/appbuilder
①创建项目

②IDE主界面

③选择菜单Add > Add from Archive

④确认上传文件的位置及内容

⑤选择菜单Run > build

⑥build成功后即可下载app

(3)Appery.io(Tiggzi)  http://appery.io/
①Dashboard主界面

②创建项目

③IDE主界面

④App设置中可以看到使用的PhoneGap3.3.0

⑤不能上传文件,所以可以通过”Create New”来新建页面

⑥从菜单“Export”导出app

⑦导出中

⑧导出完成后即可下载app

(4)Monaca http://monaca.mobi/
①Dashboard主界面

②创建项目(有很多模板可以选择)

③选择一个模板后输入项目名称

④项目创建完成

⑤点击“Launch IDE”进入IDE主界面

⑥选择Build

⑦Build中

⑧Build完成后可下载app

(5)SAE云窗调试器 http://sae.sina.com.cn/?m=mobile
①需要在SAE应用管理中心新建一个移动应用的托管后编辑代码

②修改完代码后可以在 移动应用 > 应用打包 处build

③Build成功后可下载app

④安装的云窗户调试器

Popular ICEs for mobile hybrid app development

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏