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

[size=medium]通过Web界面上传HTML/CSS/Javascript源代码后，在云环境（ICE）中把这些代码转换成不同平台的app。以下简单试用了一下PhoneGap Build、AppBuilder、Appery.io、Monaca、SAE云窗调试器等5个服务。

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

[b]（1）PhoneGap Build [/b] [url=https://build.phonegap.com/]https://build.phonegap.com/[/url]
①可以通过Git地址或者zip文件上传代码
[img]http://dl2.iteye.com/upload/attachment/0094/8955/066e5ac8-6f6e-3a21-99e8-c6c1c01eedd3.png[/img]
②上传代码
[img]http://dl2.iteye.com/upload/attachment/0094/8957/9c9789ae-7fa9-354c-a91e-4dc9981846f4.png[/img]
③点击“Ready to Build”
[img]http://dl2.iteye.com/upload/attachment/0094/8959/64e94c02-6c03-382d-bfa7-b83b2f8b2253.png[/img]
④左下角各个平台开始编译
[img]http://dl2.iteye.com/upload/attachment/0094/8961/ef1058d8-9365-3094-aece-68f93bf08994.png[/img]
⑤红色代表有错误，蓝色代表编译成功，点击成功的图标即可下载app
[img]http://dl2.iteye.com/upload/attachment/0094/8963/54fd365c-1f1e-377d-99a8-5208e3b162e9.png[/img]
⑥点击项目名“PG Build App”进入应用详细
[img]http://dl2.iteye.com/upload/attachment/0094/8965/a18cd2ed-5bdb-39b1-9774-62c78c715aa5.png[/img]
[color=red]同时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文件。具体参考：[url=http://docs.build.phonegap.com/en_US/signing_signing-ios.md.html]http://docs.build.phonegap.com/en_US/signing_signing-ios.md.html[/url][/color]


[b]（2）AppBuilder（Icenium） [/b] [url=http://www.telerik.com/appbuilder]http://www.telerik.com/appbuilder[/url]
①创建项目
[img]http://dl2.iteye.com/upload/attachment/0094/8969/1c70a0f2-91a6-3bfc-8df9-6ec31ab60a98.png[/img]
②IDE主界面
[img]http://dl2.iteye.com/upload/attachment/0094/8971/b5acdce5-1072-3afa-a696-efea9ac5057f.png[/img]
③选择菜单Add > Add from Archive
[img]http://dl2.iteye.com/upload/attachment/0094/8973/9d2c6046-5d3a-38bf-907d-134ee1b3a6e4.png[/img]
④确认上传文件的位置及内容
[img]http://dl2.iteye.com/upload/attachment/0094/8975/dd3e9091-731c-31ca-970a-1b7b46743de9.png[/img]
⑤选择菜单Run > build
[img]http://dl2.iteye.com/upload/attachment/0094/8977/d4d28b38-969a-3bce-a0f0-2d4c3dcafc0f.png[/img]
⑥build成功后即可下载app
[img]http://dl2.iteye.com/upload/attachment/0094/8979/8664e183-1dc1-3162-b7d6-214b424b6817.png[/img]

[b]（3）Appery.io（Tiggzi）[/b] [url=http://appery.io/]http://appery.io/[/url]
①Dashboard主界面
[img]http://dl2.iteye.com/upload/attachment/0094/8985/fbaa755c-3b0f-34d2-bf94-a73ba58a7d3c.png[/img]
②创建项目
[img]http://dl2.iteye.com/upload/attachment/0094/8987/30f4bc5b-3b2f-38d2-9e93-39197cd81460.png[/img]
③IDE主界面
[img]http://dl2.iteye.com/upload/attachment/0094/8989/9b15f59d-733d-3e92-8fdd-f2c2efe10b45.png[/img]
④App设置中可以看到使用的PhoneGap3.3.0
[img]http://dl2.iteye.com/upload/attachment/0094/8991/a9fc7bbb-7fff-3650-9243-a211f8f2d428.png[/img]
⑤不能上传文件，所以可以通过"Create New"来新建页面
[img]http://dl2.iteye.com/upload/attachment/0094/8993/2873a63c-21b6-3295-ad69-d7528a48a9c5.png[/img]
⑥从菜单“Export”导出app
[img]http://dl2.iteye.com/upload/attachment/0094/8995/5f2ee1f9-133c-3957-907d-f998f1fc963d.png[/img]
⑦导出中
[img]http://dl2.iteye.com/upload/attachment/0094/8997/ff1c953b-1c2a-3eb4-ba04-3455b81284a9.png[/img]
⑧导出完成后即可下载app
[img]http://dl2.iteye.com/upload/attachment/0094/8999/5fb2fb6b-ae13-3f8e-ab3c-a88bd30e1c7b.png[/img]

[b]（4）Monaca [/b] [url=http://monaca.mobi/]http://monaca.mobi/[/url]
①Dashboard主界面
[img]http://dl2.iteye.com/upload/attachment/0094/9003/03faef8e-e035-31cb-ae98-9de600ccbe01.png[/img]
②创建项目（有很多模板可以选择）
[img]http://dl2.iteye.com/upload/attachment/0094/9005/6041baec-9af0-3fed-92f5-629ff4e85268.png[/img]
③选择一个模板后输入项目名称
[img]http://dl2.iteye.com/upload/attachment/0094/9007/26e966d3-d2b6-3443-ae19-75db47be64a2.png[/img]
④项目创建完成
[img]http://dl2.iteye.com/upload/attachment/0094/9009/477efc12-b373-3c57-88cd-bd86e0c217a3.png[/img]
⑤点击“Launch IDE”进入IDE主界面
[img]http://dl2.iteye.com/upload/attachment/0094/9011/8c6c1b16-934f-3f37-9df4-a2c32fa3011e.png[/img]
⑥选择Build
[img]http://dl2.iteye.com/upload/attachment/0094/9013/e3cc3647-0668-38bb-b690-1e57a2398ad2.png[/img]
⑦Build中
[img]http://dl2.iteye.com/upload/attachment/0094/9015/722a420a-936b-34f6-8907-bba36ce1df91.png[/img]
⑧Build完成后可下载app
[img]http://dl2.iteye.com/upload/attachment/0094/9017/7da24fff-0b79-3938-b27d-308758917856.png[/img]

[b]（5）SAE云窗调试器 [/b] [url=http://sae.sina.com.cn/?m=mobile]http://sae.sina.com.cn/?m=mobile[/url]
①需要在SAE应用管理中心新建一个移动应用的托管后编辑代码
[img]http://dl2.iteye.com/upload/attachment/0094/9019/dc2d38a4-45fb-30b6-952e-4dd0192b4b29.png[/img]
②修改完代码后可以在 移动应用 > 应用打包 处build
[img]http://dl2.iteye.com/upload/attachment/0094/9021/483d44b5-51e0-3c7c-9080-c0c84be33be4.png[/img]
③Build成功后可下载app
[img]http://dl2.iteye.com/upload/attachment/0094/9023/de6f1a86-c616-3cad-af8d-6cf118113969.png[/img]
④安装的云窗户调试器
[img]http://dl2.iteye.com/upload/attachment/0094/9025/93bd7680-8eef-37c5-8802-0682b94e6f3a.png[/img][/size]

[url=http://www.developereconomics.com/popular-ices-mobile-hybrid-app-development/]Popular ICEs for mobile hybrid app development[/url]