新浦京81707con > 功能介绍 > Studio环境的安装以及如何导入cordova项目,Crossw

原标题:Studio环境的安装以及如何导入cordova项目,Crossw

浏览次数:182 时间:2020-03-13

那边提供的为那几个工具的官方网站或下载地址:

  • 安装Node.js
  • 安装Cordova
  • 安装Java JDK
  • 安装Android SDK
  • 安装Ant

在翻阅那篇小说从前,推荐先看一下本身前边写的一片小说:Cordova Crosswalk打包WebApp
这篇小说只会介绍蒙受的局地坑乃至杀绝办法

开采工具下载

  1. jdk AndroidSDK依赖 java jdk1.8本子下载地址.
  2. 米白版Nodejs node安装工具 node版本下载地址[百度网盘(提取码:eac6)]
  3. AndroidStudio 2.3.3 百度云盘地址 [百度网盘密码:euan]

设置完后张开调整台,输入 node -v ,显示当前版本号,安装成功

前言

2018年用Cordova做的二个webapp一直都没不平日,直到方今发觉HTC集镇广大顾客举报应用闪退的标题,于是筹划将使用进级到Android7.1.1的本子。根据事情发生早前写的学科去做,境遇了重重标题,折腾了十分久,最后才运营成功。所以在此边将本人遇见的主题素材整合治理一下,希望前边的人并不是再去爬坑了。

开辟工具的设置

cordova使用npm安装,输入 npm install -g cordova 举行全局安装,安装完后只要现身上面提醒,使用 npm install minimatch@"3.0.2" 进级一下minimatch

千帆竞发爬坑

依据本身事前的课程一步步往下进行,各样坑就起来出来了

1.安装JDK,配置景况变量。

a卡塔尔(قطر‎ 新建 系统情形变量名:JAVA_HOME,变量值:D:DevJavajdk1.7.0_75
  1. 新建 系统意况变量名:CLASSPATH,变量值: .;%JAVA_HOME%lib
  2. 改革Path情状变量,在最后扩大 : %JAVA_HOME%bin
  核准安装与结构是不是中标,请张开CMD命令行工具,提醒符下分别运维  
C:UsersAdministrator>java –version
C:UsersAdministrator>javac

指令,倘若成功会看出相像如下画面

澳门葡京赌场注册 1

image.png

澳门葡京赌场注册 21823172-e063a0832be8deac.png-42.9kB

1.cordova platform add android现身错误提醒

执行到 cordova platform add android 现身下图的不当提醒,要是不管理的话build android的时候会出错

澳门葡京赌场注册 3

image_1bssjudmfbbl1ib1o4t1a6s5sa9.png-53kB

看提示音讯,简单的说是网络的难点,获取不到那些插件,所以大家得尝试任何的方法来获得

毁灭办法:

大家得以经过 Cordova Plugins 页面找到 cordova-plugin-whitelist 的Github库,强逼行使该地方去丰硕

cordova plugin add https://github.com/apache/cordova-plugin-whitelist

安装成功后会现身上边包车型大巴提醒新闻:

澳门葡京赌场注册 4

image_1bsskgj0n1r3k1mer1clnvm109tm.png-12.5kB

2:安装node

安装nodejs是为着前边安装Cordova/Phonegap,双击node-v0.12.0-x64.msi即开展安装,一路NEXT不会有如何难点。要求潜心的是MSI安装到位后会增添路径到 系统意况变量Path,假若设置后发觉安装程序未有扩充Path路线,请自行增添,如 D:toolsnodejs。
  验证是还是不是安装配置成功,请张开CMD命令行窗口,在提醒符下输入   
node –v 或者 npm –v
假使见到如下新闻,表示安装成功。不然,请检查Path遭逢变量路线是不是已精确增添。

澳门葡京赌场注册 5

image.png

当今的jdk版本都以半自动写入情状变量的,直接设置完就ok了。调整台输入 java -version 现身版本音讯,即安装成功。输入 javac 现身扶持消息,即为配置成功。

2.Android target: not installed

地点的主题素材一蹴即至了,我们在build android以前先检查一下情状是不是布署成功,输入: cordova requirements

标题又来了,出现下图的失实提醒:

澳门葡京赌场注册 6

image_1bsskp00c1tlqkm94ldqot1uco13.png-12.6kB

提醒新闻里说Android target没有设置,什么看头啊?
搞了半天发掘Android SDK的版本不对形成的

在执行 cordova platform add android 时的提醒新闻不知底我们稳重看了没,贴出来给我们看一下:

澳门葡京赌场注册 7

image_1bssl1ls8f3k1hqk1blo1o2j13181g.png-9.8kB

那边显得的Android target为android-26,去SDK Manager里看一下,26对应的Android8.0.0,SDK里未有安装,何况本身要的是7.1.1的本子的

澳门葡京赌场注册 8

image_1bssl5vop19a31k9gtk5115i5s41t.png-57.7kB

好吧,去官方网址查对应涉及,开掘文书档案里有个坑:

澳门葡京赌场注册 9

image_1bsslcbc51o6t11g6u3g1irdlvo2n.png-51.1kB

6.X.X明显对应的是4.1-7.1.1的,那么些先不管了,最终折腾一番找到了钦定的本子

消除办法:

//移除之前安装的版本
cordova platform remove android
//安装6.1.0版本
cordova platform add android@~6.1.0

试行实现后,再度输入 cordova requirements ,能够发现Android target为android-25了

澳门葡京赌场注册 10

image_1bt3dar26ben1cl81pqa0jr161m.png-6.1kB

3、安装Android Studio,配置境况变量。

  1. 新建 系统情状变量名:ANDROID_HOME,变量值 :
    D:DevAndroidsdk

  2. 改良 系统变量Path,在最后扩张 :

%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools;%ANDROID_HOME%build-tools21.1.2;

若无自动配置成功,手动配置也蛮简单的。

3.cordova编写翻译出错

消除了上一个难题,大家得以开头编写翻译了,实践 cordova build android,现身下边的错误音讯:

澳门葡京赌场注册 11

image_1bt3qbkthfo39g7kiov26185q23.png-40.7kB

查阅错误音信开采 gradle-2.14.1-all.zip 这一个文件并未有下载成功。cordova暗许使用gradle来编写翻译android,全体它须要去下载对应版本的gradle文件,做过android的同窗都精通,这厮平常被墙,若无代理就难搞了。

找到它的源文件地址:https://services.gradle.org/distributions/gradle-2.14.1-all.zip (提示音信里有),直接通过浏览器访谈是能够去把这些下载下来的,要是不行的话,笔者那提供三个下载好的:http://pan.baidu.com/s/1jHG3edC

好了,接下去说一下消除方案了。小编在Stack Overflow上搜到了常用的三种艺术,一一介绍一下:

消逝办法:

创建cordova项目

1.(注意:当首回成立或编译项目标时候,大概系统会活动下载一些事物,须求有的时光)在某些目录下开创cordova项目,张开命令行,输入:
cordova create test com.cordova.test test (创制cordova工程 <文件夹名> <包名> <app名>)

澳门葡京赌场注册 12

image.png

2.增加阳台扶植
用命令行打开对应的文书夹,
cordova platforms add android

澳门葡京赌场注册 13

image.png

1.hooks:存放自定义cordova命令的本子文件。每一种project命令都得以定义
before和after的Hook,比如:before_build、after_build。没用过,不开展了。
2.platforms:平台目录,各自的平台代码就放在这里处,能够放一下阳台附属的代码,现在以此目录应当是空的,前面会介绍如何成立平台。
3.plugins:插件目录,安装的插件会放在此边。前边会有特别的篇章介绍开荒插件。
4.www:最重大的目录,存放项目主旨的HTML5和JS代码的目录。app一开端张开的便是其一目录中index.html文件。
5.config.xml:首假诺cordova的有的布置,举例:项目接收了哪些插件、应用Logoicon和起步页面SplashScreen,校订app的版本,名字等音信,还也有平台的配置。
3.编写翻译cordova项目,输入一下限令
cordova build android
若是遇上一下谬误

C:testhello> cordova build android
ANDROID_HOME=C:UserskongxxAppDataLocalAndroidsdk
JAVA_HOME=C:Program FilesJavajdk1.8.0_121
Error: Could not find gradle wrapper within Android SDK. Might need to update yo
ur Android SDK.
Looked here: C:UserskongxxAppDataLocalAndroidsdktoolstemplatesgradlewr
apper

施工方案:

  • 下载 Android SDK tools package(https://dl.google.com/android/repository/tools_r25.2.3-windows.zip)
  • 进入 C:UsersAppDataLocalAndroidsdk目录
  • 备份tools目录
  • 将裁减包中的tools目录解压到这些目录下
  • 进去工程目录,再度运营 “cordova build android”。
  1. 新建 JAVA_HOME 蒙受变量,变量值为jdk的存放路线澳门葡京赌场注册 141823172-442e25de50fe88d3.png-29.9kB
  2. 系统变量Path个中参预jdk的bin目录%JAVA_HOME%bin; 注意分号
  3. 系统变量CLASSPATH里面变量值的开头位置增多.;%JAVA_HOME%lib;
  4. 封存完后输入javac测量试验是还是不是安顿成功

Solution A:直接改良源文件中的下载链接(试验退步)

找到你项目中的 GradleBuilder.js 文件,路径:
项目根目录platformsandroidcordovalibbuildersGradleBuilder.js

编写制定该文件,改正 distributionUrl 变量,修改前:

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

修改后:

 var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || '../gradle-2.14.1-all.zip';

下一场将早前下载好的 gradle-2.14.1-all.zip 文件,粘贴到如下的目录:
项目根目录platformsandroidgradle

再也实行 cordova build android ,编写翻译依然出错

cordova项目导入android studio工具中

第一步File->New->Import Project

澳门葡京赌场注册 15

image.png

第二步

澳门葡京赌场注册 16

image.png

第三步
直白运转模拟器

Android SDK由于被墙所以唯有通过任何方法来下载,笔者这里直接通过镜像服务器下载包涵SDK的AndroidStadio,连同开垦工具一同下载。

Solution B:强逼行使ant来进展编写翻译(试验成功)

采纳如下语句来编写翻译和运行:

cordova build android -- --ant
cordova run android -- --ant

这种措施一直来编写翻译cordova应用是足以运作成功的,不过对于集成了crosswalk的应用会出错

上面四个选项是是还是不是安装SDK和Android设想机,假设无需就收回勾选

Solution C:通过AndroidStudio使用离线gradle编写翻译(最终版)

眼前说过集成crosswalk会退步,这对于要求集成crosswalk的意况下如何是好吧,上面介绍一下:

还会有多个坑要说一下,直接通过 cordova plugin add cordova-plugin-crosswalk-webview 会退步,也要换种写法:

cordova plugin add https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview.git

这种方法就不要求经过命令行来build了,大家再一次理一下流水生产线吧:

  1. 新建贰个cordova应用并跻身目录

    cordova create test com.example.test Test
    cd test
    
  2. 先把供给的插件都装上吧,免得add android的时候出错

    cordova plugin add https://github.com/apache/cordova-plugin-whitelist
    cordova plugin add https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview.git
    
  3. 增添android设备,并查看一下条件是不是考虑到家

    cordova platform add android@~6.1.0
    cordova requirements
    
  4. 运用Android Studio导入项目,项目路径为:项目根目录platformsandroid

  5. 接纳离线版gradle,网络有比非常多样主意,这里介绍一种相比比较容易于操作的呢

    还记得大家事前下载下来的gradle压缩包吗,把它解压放到贰个目录:比如:
    C:Program FilesAndroidAndroid Studiogradle

    澳门葡京赌场注册 17 image_1bt4asdgfkn0gqq1qf61fe81gln9.png-8.1kB

    在Android Studio里面,设置一下利用离线gradle的目录:
    File->Settings->Build,Execution,Deployment->Build Tools

    澳门葡京赌场注册 18 image_1bt4ba2e21smbh261f6vuo8gb6m.png-42kB

点击Gradle,选择刚才gradle解压的路径  

![](http://static.zybuluo.com/Jerry-MEI/u5snso781ctb7zcapt3vsyf8/image_1bt4bc7qet9o1pcl1iliigiffe13.png)
image_1bt4bc7qet9o1pcl1iliigiffe13.png-54.8kB


点击确定后,Gradle会自动build项目
  1. 直白接收Android Studio运维品种,期待成功吧(别忘了插上你的手提式有线电话机,开启调节和测验方式)。若是没得逞,继续往下看。

澳门葡京赌场注册 191823172-7aa9ec8ddb353f5b.png-34kB

4.This version of android studio is incompatible with the gradle version used.

消除办法:

Step1:
禁用Instant Run,在 File->Settings->Build,Execution,Deployment->Instant Run 中,裁撤全数入选项

Step2:
更新Gradle Services 的url:
在project项目下 gradlewrappergradle-wrapper.properties 文件里改进 distributionUrl 变量
修改前:

distributionUrl=https://services.gradle.org/distributions/gradle-2.10-all.zip

修改后:

distributionUrl=https://services.gradle.org/distributions/gradle-2.14.1-all.zip

Step3:
去除project下的build文件夹,重新编写翻译

设置路径,sdk的渠道里不能包罗中文,前边的jdk也是相仿

参照文书档案:

  1. 澳门葡京赌场注册,http://stackoverflow.com/questions/35202541/this-version-of-android-studio-is-incompatible-with-the-gradle-version-used-try
  2. https://stackoverflow.com/questions/29874564/ionic-build-android-error-when-download-gradle
  3. https://stackoverflow.com/questions/30688788/npm-error-404-not-found-cordova-plugin-whitelist

澳门葡京赌场注册 201823172-c6c8ac3184b928bb.png-38.7kB

设置完后只要系统变量里面未有配备sdk,需求手动配置一下,也很简短:

  1. 新建 ANDROID_HOME 情况变量,变量值为sdk的寄存路径,日常在 C:UsersxxxAppDataLocalAndroidsdk
  2. 在系统 PATH 变量里参加上边变量:
    • %ANDROID_HOME%tools
    • %ANDROID_HOME%platform-tools

下载第三个zip的格式,解压就能够,比较便利

澳门葡京赌场注册 211823172-c1c6448319ebfc98.png-11.5kB

条件安顿:

  1. 新建 ANT_HOME 景况变量,变量值为ant的寄存路线;
  2. 系统变量 Path 里面参预ant的bin目录 %ANT_HOME%bin;
  3. 系统变量 CLASSPATH 里面参与ant的lib目录 %ANT_HOME%lib;

cmd中输入ant,如若现身如下内容,表明安装成功:

Buildfile: build.xml does not exist!Build failed

合葡萄牙共和国语档:

本文由新浦京81707con发布于功能介绍,转载请注明出处:Studio环境的安装以及如何导入cordova项目,Crossw

关键词: 新浦京81707con 半栈工程师 An Cordova Crosswalk

上一篇:Android自定义控件之圆形时钟,怎样画出一个好看

下一篇:没有了