Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)

阅读更多
通过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文件上传代码
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第1张图片
②上传代码
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第2张图片
③点击“Ready to Build”
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第3张图片
④左下角各个平台开始编译
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第4张图片
⑤红色代表有错误,蓝色代表编译成功,点击成功的图标即可下载app
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第5张图片
⑥点击项目名“PG Build App”进入应用详细
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第6张图片
同时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
①创建项目
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第7张图片
②IDE主界面
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第8张图片
③选择菜单Add > Add from Archive
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第9张图片
④确认上传文件的位置及内容
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第10张图片
⑤选择菜单Run > build
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第11张图片
⑥build成功后即可下载app
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第12张图片

(3)Appery.io(Tiggzi)  http://appery.io/
①Dashboard主界面
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第13张图片
②创建项目
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第14张图片
③IDE主界面
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第15张图片
④App设置中可以看到使用的PhoneGap3.3.0
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第16张图片
⑤不能上传文件,所以可以通过"Create New"来新建页面
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第17张图片
⑥从菜单“Export”导出app
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第18张图片
⑦导出中
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第19张图片
⑧导出完成后即可下载app
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第20张图片

(4)Monaca http://monaca.mobi/
①Dashboard主界面
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第21张图片
②创建项目(有很多模板可以选择)
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第22张图片
③选择一个模板后输入项目名称
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第23张图片
④项目创建完成
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第24张图片
⑤点击“Launch IDE”进入IDE主界面
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第25张图片
⑥选择Build
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第26张图片
⑦Build中
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第27张图片
⑧Build完成后可下载app
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第28张图片

(5)SAE云窗调试器 http://sae.sina.com.cn/?m=mobile
①需要在SAE应用管理中心新建一个移动应用的托管后编辑代码
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第29张图片
②修改完代码后可以在 移动应用 > 应用打包 处build
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第30张图片
③Build成功后可下载app
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第31张图片
④安装的云窗户调试器
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第32张图片


Popular ICEs for mobile hybrid app development
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第33张图片
  • 大小: 36.8 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第34张图片
  • 大小: 44.7 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第35张图片
  • 大小: 57.2 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第36张图片
  • 大小: 57 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第37张图片
  • 大小: 62.5 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第38张图片
  • 大小: 127.1 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第39张图片
  • 大小: 146.1 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第40张图片
  • 大小: 44.6 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第41张图片
  • 大小: 38.8 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第42张图片
  • 大小: 81.7 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第43张图片
  • 大小: 45.6 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第44张图片
  • 大小: 78.6 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第45张图片
  • 大小: 33.7 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第46张图片
  • 大小: 28.1 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第47张图片
  • 大小: 165 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第48张图片
  • 大小: 128.2 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第49张图片
  • 大小: 194.1 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第50张图片
  • 大小: 68.6 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第51张图片
  • 大小: 25.3 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第52张图片
  • 大小: 30.7 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第53张图片
  • 大小: 28.1 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第54张图片
  • 大小: 318 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第55张图片
  • 大小: 64.3 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第56张图片
  • 大小: 36.9 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第57张图片
  • 大小: 80.7 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第58张图片
  • 大小: 81.7 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第59张图片
  • 大小: 54.2 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第60张图片
  • 大小: 72.6 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第61张图片
  • 大小: 186.4 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第62张图片
  • 大小: 58.3 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第63张图片
  • 大小: 22.3 KB
  • Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)_第64张图片
  • 大小: 150.3 KB
  • 查看图片附件

你可能感兴趣的:(Cordova,PhoneGap)