`
rensanning
  • 浏览: 3547866 次
  • 性别: Icon_minigender_1
  • 来自: 大连
博客专栏
Efef1dba-f7dd-3931-8a61-8e1c76c3e39f
使用Titanium Mo...
浏览量:38135
Bbab2146-6e1d-3c50-acd6-c8bae29e307d
Cordova 3.x入门...
浏览量:607253
C08766e7-8a33-3f9b-9155-654af05c3484
常用Java开源Libra...
浏览量:682254
77063fb3-0ee7-3bfa-9c72-2a0234ebf83e
搭建 CentOS 6 服...
浏览量:89310
E40e5e76-1f3b-398e-b6a6-dc9cfbb38156
Spring Boot 入...
浏览量:401772
Abe39461-b089-344f-99fa-cdfbddea0e18
基于Spring Secu...
浏览量:69685
66a41a70-fdf0-3dc9-aa31-19b7e8b24672
MQTT入门
浏览量:91690
社区版块
存档分类
最新评论

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文件上传代码

②上传代码

③点击“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
  • 大小: 36.8 KB
  • 大小: 44.7 KB
  • 大小: 57.2 KB
  • 大小: 57 KB
  • 大小: 62.5 KB
  • 大小: 127.1 KB
  • 大小: 146.1 KB
  • 大小: 44.6 KB
  • 大小: 38.8 KB
  • 大小: 81.7 KB
  • 大小: 45.6 KB
  • 大小: 78.6 KB
  • 大小: 33.7 KB
  • 大小: 28.1 KB
  • 大小: 165 KB
  • 大小: 128.2 KB
  • 大小: 194.1 KB
  • 大小: 68.6 KB
  • 大小: 25.3 KB
  • 大小: 30.7 KB
  • 大小: 28.1 KB
  • 大小: 318 KB
  • 大小: 64.3 KB
  • 大小: 36.9 KB
  • 大小: 80.7 KB
  • 大小: 81.7 KB
  • 大小: 54.2 KB
  • 大小: 72.6 KB
  • 大小: 186.4 KB
  • 大小: 58.3 KB
  • 大小: 22.3 KB
  • 大小: 150.3 KB
分享到:
评论

相关推荐

    Cordova 3.x 实例开发 -- 基于Ionic的Todo应用

    Cordova 3.x是其早期的一个版本,尽管现在已更新到更高版本,但理解基础版本对于学习移动开发历史和工作原理很有帮助。 在这个实例中,我们将探讨如何使用Cordova 3.x和Ionic框架创建一个Todo应用。Ionic是一个基于...

    Cordova 3.x 基础(10) -- UI框架Ionic Framework

    在Cordova 3.x的基础上,开发者可以结合UI框架如Ionic Framework来构建美观且功能丰富的移动应用。 Ionic Framework是一个专为Cordova和AngularJS设计的开源HTML5移动应用框架,旨在提供一套完整的UI组件和工具,...

    Cordova 3.x 入门 - 目录

    比如,如果你想要访问设备的相机功能,可以添加`cordova plugin add cordova-plugin-camera`。每个插件都有相应的API文档供开发者参考。 7. **打包与发布**:完成开发后,可以使用Cordova提供的`cordova build --...

    Cordova 3.x 基础(16) -- slides & books

    在本主题中,我们将深入探讨Cordova 3.x的基础知识,包括其工作原理、安装与配置、插件系统、以及如何创建和发布应用程序。 1. **Cordova简介** Apache Cordova 是Apache软件基金会的一个开源项目,它的核心理念是...

    cordova-2.9.1.jar

    实实在在经过ant编译的cordova-2.9.1.jar 而不是有些人坑蒙拐骗的rar文件

    Android代码-cordova-plugin-app-update

    cordova-plugin-app-update App updater for Cordova/PhoneGap Demo Try it yourself: Just clone and install this demo. cordova-plugin-app-update-DEMO :tada: 如果喜欢它,请别忘了给我一颗鼓励的星 Support ...

    Cordova 3.x 基础(7) -- Native API的使用

    **Cordova 3.x 基础:Native API的使用** Cordova,作为一个开源的移动应用开发框架,允许开发者使用Web技术(HTML5、CSS3、JavaScript)来构建跨平台的移动应用程序。在Cordova 3.x版本中,开发者可以通过其提供的...

    Cordova 3.x 基础(12) -- Plugin开发

    Cordova 3.x 是一个非常重要的版本,它是Apache Cordova框架的一个早期迭代,该框架允许开发者使用HTML5、CSS3和JavaScript来构建跨平台的移动应用程序。Cordova的核心概念是提供一个“web容器”,将Web应用包装在...

    Cordova 3.x 源码分析(2) -- cordova.js概要

    在Cordova 3.x版本中,这些功能对于开发者理解和构建混合应用至关重要。 1. 初始化过程: 当应用启动时,`cordova.js`首先处理初始化工作。它会监听页面加载事件,当DOM加载完成后,它会触发`deviceready`事件。这...

    Cordova 3.x入门

    使用Hooks自定义build过程和云端Cordova(Cloud-based Build Services)部分,作者指导开发者如何自动化构建过程和利用云服务来简化开发流程。 Cordova的实用插件部分覆盖了Google地图、二维码、社交分享、自定义URL ...

    Cordova 3.x 实用插件(1) -- Google地图Maps

    cordova plugin add cordova-plugin-googlemaps ``` 安装完成后,插件会自动在项目中添加必要的JavaScript和Native代码,使得我们可以调用Google Maps API。接下来,我们需要在HTML页面中创建一个用于显示地图的div...

    Cordova 3.x 实用插件(2) -- 二维码Barcode

    Cordova 3.x 实用插件(2) -- 二维码Barcode Cordova 是一个流行的开源框架,用于构建原生移动应用程序,它允许开发者使用Web技术(HTML、CSS和JavaScript)来开发跨平台的应用。在Cordova 3.x版本中,开发者可以...

    cordova-hot-code-push-cli(热更新插件)

    热更新时,我们执行命令 npm install -g cordova-hot-code-push-cli安装插件,但运行cordova-hcp server会报错,如:Could not create tunnel: { Error: ngrok is not yet ready to start tunnels...,这时我们找到...

Global site tag (gtag.js) - Google Analytics