cordova打包app环境搭建

所需环境

  1. JDK
  2. Android Studio (SDK + gradle)
  3. cordova

一、JDK下载与配置

JDK下载地址: https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html.
1. 安装步骤:一直点击下一步,直至安装完成(安装路径选择默认路径),然后开始配置环境变量(环境变量在用户变量里边进行配置)
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2. 环境变量配置(右击此电脑 -> 属性 -> 高级系统设置 -> 环境变量 )
(1). 新建用户变量 JAVA_HOME,设置变量值jdk的下载路径 C:\Program Files\Java\jdk1.8.0_201

JAVA_HOME

C:\Program Files\Java\jdk1.8.0_201

(2). 双击path添加环境变量 %JAVA_HOME%\jre\bin 和 %JAVA_HOME%\bin

%JAVA_HOME%\jre\bin

%JAVA_HOME%\bin

(3). 新建用户变量 CLASSPATH,设置属性值 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

(4).进行检验jdk是否安装成功:

> java -version	
> javac -version

二、Android Studio下载与配置

AS下载地址: https://developer.android.google.cn/studio/.
1. 安装步骤:下载android studio的时候,SDK和gradle已经下载好了,但是要更改sdk版本,而gradle则可以直接配置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装过程注意:
1.安装时要把AVD勾掉,
2.安装完成运行android studio后,
3.不要导入配置 do not import settings
4.cancel
5.点击下一步到修改sdk路径
6.新建安卓项目
7.修改项目路径
8.更改SDK版本,选择左上角file -> settings,找到sdk,若SDK版本为android 10.0+®,就要换成android 10.0(Q)
2. 环境变量配置
(1). 新建用户变量 ANDROID_HOME,设置变量值SDK的下载路径 D:\soft\sdk

ANDROID_HOME

D:\soft\sdk

(2). 双击path添加环境变量 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools

%ANDROID_HOME%\tools

%ANDROID_HOME%\platform-tools

(3). 新建用户变量 GRADLE_HOME,设置变量值SDK的下载路径 D:\soft\sdk

GRADLE_HOME

C:\Users\张娜娜.gradle\wrapper\dists\gradle-6.1.1-all\cfmwm155h49vnt3hynmlrsdst\gradle-6.1.1

(4). 双击path添加环境变量%GRADLE_HOME%\bin

%GRADLE_HOME%\bin

(5).进行检验adb以及gradle是否安装成功:

> adb	
> gradle -version

cordova环境搭建

准备工作

  1. npm
  2. cnpm
  3. yarn

1. 全局下载cordova

> cnpm install -g cordova

或者

> yarn global add cordova

检测cordova是否安装成功

> cordova -v	

cordova打包测试

1. 新建cordova项目

> cordova create outbreak_cordova

注意:新建项目的时候报错(npm ERR!A complete log of……)
根据绿色提示找到下路径C:\Users\张娜娜\AppData\Roaming\npm\node_modules\cordova下的node_modules删除后,然后重新下载node_modules 使用命令:yarn install

2.进入outbreak_cordova目录,然后为项目添加平台

> cd cordova
> cordova platform add android --save

3. 检查是否满足构建APP的条件

> cordova requirements

4. 编译工程

> cordova build android

更改文件配置

找到apk文件位置,放到模拟器或者手机中运行,但是android9及以上版本的手机需要更改配置**

1.打开cordova项目的下路径:D:\My_lessons\ShanXi_training\outbreak_cordova\platforms\android\app\src\main

android:networkSecurityConfig="@xml/network_security_config"

2.打开路径:D:\My_lessons\ShanXi_training\outbreak_cordova\platforms\android\app\src\main\res\xml
新建文件 network_security_config.xml ,添加下代码

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

3. 重新编译工程

> cordova build android

4.根据打包后的路径提示找到apk文件,放到手机(模拟器,AVD)中进行测试

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值