cordova之HelloWorld

由于接手了一个项目,里面用到了cordova,于是乎,就去研究了一下cordova。这篇博客,原创的内容不是太多,更多的是记录,因为我在配置过程中参考了以下两篇文章,图片资源也引用了不少。以下操作是基于windows。
cordova入门教程
Android培训实战教程之使用Cordova框架开发Android Hybrid App

一、安装node.js

直接去官网下载安装就好,注意安装时要选上npm。在cmd中输入npm -version,如果出现了版本号,那么就表明安装成功了:

npm版本号

二、安装cordova

在cmd中输入如下命令:
npm install -g cordova
然而,由于国内网络的原因,很难等到我们想要的结果,此时,可以切换到淘宝的npm,输入如下命令:
npm config set registry https://registry.npm.taobao.org
再输入:npm info underscore ,如果上一步无误,那么应有如下信息:

npm 信息
重新输入第一步的安装命令进行安装。成功之后,可以使用如下命令查看cordova版本号:
cordova -v
在这一步,可能出现无法识别此命令的情况,此时,请检查node.js,npm的环境变量是否配置好了。

三、创建cordova项目

使用如下命令行创建项目:
cordova create hello com.example.helloworld HelloWorld
cordova目录结构:
cordova目录结构
后续的操作需要在项目根目录下进行,所以首选使用命令行进入到根目录。

使用如下命令添加平台并保存配置:
cordova platform add ios –save
cordova platform add android –save
成功后,platforms文件夹中会生成对应平台的工程文件:
文件

使用如下命令进行打包:
cordova build android
这一步,有的朋友可能会出现命令无法识别,请检查自己的ANDROID_HOME环境变量是否配置,比如我的配置为:
F:\adt-bundle-windows-x86_64-20130917\sdk
系统变量Path也需要加上这一句:
%ANDROID_HOME%\platform-tools

打包的时候很可能会卡住,原因是cordova自己去下载gradle,我们可以到..\platforms\android\cordova\lib\builders文件下找到GradleBuilder.js文件将

var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'http\\://services.gradle.org/distributions/gradle-2.13-all.zip';

改为:

var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'file:///C:/Users/User/Desktop/gradle-2.13-all.zip';//自己的gradle路径

这是第一篇文章的作者提出的,真是机智!
当然,这里也可以使用直接配置环境变量:
GRADLE_HOME=E:\xxx\xxx\gradle-2.2.1//自己的gradle路径
修改后再次打包,即可生成apk。

写本文时距离我配置环境也过去不少时间,可能忽略了一些细节,欢迎指教和探讨,也再次感谢两篇文章的作者!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cordova是一个开源的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的移动应用程序。Cordova提供了一组API,可以访问设备的原生功能,如摄像头、文件系统、联系人等。通过使用Cordova,开发者可以使用熟悉的Web技术来创建移动应用,而无需学习平台特定的编程语言或工具。 要学习Cordova,你可以按照以下步骤进行: 1. 了解基本的Web开发技术:在学习Cordova之前,建议你先掌握HTML、CSS和JavaScript等基本的Web开发技术,因为Cordova使用这些技术来构建应用程序界面和逻辑。 2. 安装Cordova:你需要在本地环境中安装Cordova。可以通过npm(Node Package Manager)来安装Cordova命令行工具。具体的安装步骤可以参考Cordova官方文档。 3. 创建Cordova项目:使用Cordova命令行工具创建一个新的Cordova项目。在项目中,你可以定义应用程序的名称、包名、支持的平台等信息。 4. 编写应用程序代码:在Cordova项目中,你可以使用HTML、CSS和JavaScript来编写应用程序的界面和逻辑。你可以使用各种前端框架(如AngularJS、React等)来加快开发速度。 5. 添加插件:Cordova提供了一系列的插件,用于访问设备的原生功能。你可以使用Cordova命令行工具来添加这些插件到你的项目中,并在应用程序中使用它们。 6. 构建和运行应用程序:使用Cordova命令行工具,你可以构建应用程序的二进制文件,并将其部署到模拟器、真机或浏览器中进行测试。 7. 学习和解决问题:在学习过程中,你可能会遇到一些问题或困惑。可以参考Cordova官方文档、社区论坛或其他在线资源来获取帮助和解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值