美文网首页
零起点配置Cordova环境 -- 踩坑(Windows)

零起点配置Cordova环境 -- 踩坑(Windows)

作者: 邓建源 | 来源:发表于2018-02-09 13:13 被阅读0次

1. 安装cordova:

安装cordova一般使用 npm 命令安装,所以安装之前你必须保证你的机器有 node环境。

使用nvm管理node环境

npm install -g cordova  ##全局安装

这样我们就完成了cordova的安装,但是在你创建第一个cordova web app项目之前,确认你是否之前安装过jdk和Android SDK环境,这里只讲 android 平台。
如果在命令行中通过npm语句npm install -g cordova 安装cordova(如果提示网络连接失败,需要设置网络代理,搭理网址:npm config --global set registry http://registry.cnpmjs.org)

2. 安装jdk环境 和 Android SDK环境

  • 安装jdk以及配置jdk的教程很多,点这里
  • Android SDK安装&配置教程
    稍需要注意的是,cordova开发一般不需要整个 Android Studio 环境,只需要下载单独的sdk-tools-windows压缩包,解压后进行环境变量配置即可。需要注意的是目前Android Studio提供的sdk-tools-windows包只提供命令行了, 没有我们常见的Android SDK Manager界面了:
    image.png

所以要使用版本低于24.2的版本, 这里给一个百度网盘地址以供下载:
链接:https://pan.baidu.com/s/1nwlrtqx 密码:vng0

  • 安装完Android SDK之后,需要使用Android SDK Manager下载必要的包;如果你的版本合适,在命令窗口 输入:

     android
    

就可以呼出Android SDK Manager面板, 下载选择必要的包进行安装;具体参考如下:

打开Android SDK Manager (例如,在终端上运行`android),并确保下面已经安装:

  1. 目标Android版本的Android Platform SDK
  2. Android SDK build-tools,版本19.1.0或者之上
  3. Android Support Repository (在"Extras"查找)
  • 这时,我们可以按照步骤来新建我们第一个 android 平台的Web App:

      cordova create hello com.example.hello HelloWorld  ## 创建项目
      cd hello ##进入项目目录
    

输入 cordova requirements 验证我们的项目环境是否OK:

cordova requirements

如果报了如下的警告:

image.png

这是因为 cordova在6.4.0(cordova-android在6.1.2)之后,会要求安装Gradle,基于Gradle来编译、打包android。

3. 安装Gradle

解决办法:

  1. 下载Gradle:https://gradle.org/releases,我这里下载的是4.5.1版本(gradle-4.5.1-bin.zip);
    链接:https://pan.baidu.com/s/1eTwuVQy 密码:5ve2

  2. 解压,放置的位置自己定;

  3. 配置环境变量:系统变量--Path--编辑:


    image.png
  4. 命令行输入 gradle -v查看下版本信息, 如果没有可以重启机器再试;

  5. 在项目目录输入

     cordova requirements
    
  6. 上一步没有报错就可以执行编译安装了

     cordova build android
    

这一步下来可能会报 错误, 但不用着急, 各种问题网上都有人问过, 我例举出我遇到的问题:
6.1. 我安装了最新的jdk9, 报错

    Requirements check failed for JDK 1.8 or greater ···

我的处理办法是降级到jdk8, 重新配置 jdk即可
6.2. 如果提示你 过程中断提示你:

    cordova Could not get resource gradle···

这种情况下,如果你有代理可以设置。 可以在build.gradle同级目录创建gradle.properties 设置代理服务器:

stemProp.http.proxyHost=127.0.0.1
systemProp.http.proxyPort=1080
systemProp.https.proxyHost=127.0.0.1
systemProp.https.proxyPort=1080
systemProp.http.nonProxyHosts=10.*|localhost

上面是我的配置,因为我本地开启了 shadowsocks 代理
如果你不幸没有代理,参考如下方法:

我们使用gradle打包的时候需要去下载gradle,很多时候打包失败就是因为我们下载不了gradle,导致超时失败。解决的方法就是我们自己去下载gradle,存放在本地,然后更改配置文件,使其不去下载。

解决方案: Ionic打包过程下载Gradle失败的解决方法

6.3 如果你的Android SDK Manager没有下载必要的包,也会相应报错:


image.png

解决办法当然是去下载相应的包了。。

  1. 最后执行 cordova run android 执行安装, 我们就可以在手机上看到一个最原始的cordova android webApp了

当然你也可以选择模拟器来跑, 只要在Android SDK Manager下载 system image就可以了

相关文章

网友评论

      本文标题:零起点配置Cordova环境 -- 踩坑(Windows)

      本文链接:https://www.haomeiwen.com/subject/bggttftx.html