vue使用cordova 打包android安装包

vue使用cordova 打包android安装包

1.前提

安装node    node -v
安装npm     npm -v

2.安装

cmd 命令进入:
    cd D:\cordova
    npm install -g cordova

cordova -v  查看安装是否完成

3.新建cordova项目

cordova create myApp1 org.apache.cordova.myApp myApp2  //创建cordova

cd myApp1  //进入项目    

cordova platform add android  //生成Android平台的cordova库

备注:
    myApp1:cordova目录名
    org.apache.cordova.myApp: 包名
    myApp2: 项目名(在config.xml中查看)

    config.xml -包含应用相关信息,使用到的插件以及面向的平台
    platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库
    plugins – 包含应用所需插件的 Cordova 库,使得应用能够访问例如照相机和电池状态相关的事项。
    www – 包含应用源代码,例如 HTML, JavaScript 和 CSS 文件
    hooks – 包含为个性化应用编译系统所需的脚本

至此,cordova 项目就建好了

4.vue打包

省略

5.复制打包好的文件

将vue项目的dist文件改成www,复制到对应www文件夹

6.检测sdk环境

(1).调试打包apk软件

cordova requirements 检查sdk环境

(2).安装 gradle

(1).去Gradle官网:https://gradle.org/install。
(2).下载Gradle:https://gradle.org/releases,下载后解压。
(3).配置环境变量:系统变量--Path--编辑   D:\gradle\gradle-6.8\bin
(4).cmd 验证安装完成 gradle -v

##(3)安装 Android Studio SDK

(1).下载tools_r25.2.3-windows
 (2).配置环境变量

(3).sdk环境

如上图所示,sdk环境就安装完成了

7.安装android studio

注意:

1.用户名(C盘->user)是否是含有中文,如果是,请新建一个用户,因为含有中文的路径无法编译gradle,则android studio无法使用.

2.JDK的版本不低于1.6但不高于1.8。最好是1.8,即SE8,x64版本是64位,x86是32位。

7.1 安装

第一步:http://www.android-studio.org
第二步:双击exe文件,勾选Android virtual Device 
第三步:选择安装目录盘
第四步:初始设置,do not import settings
第五步:在启动过程中弹出如下列表,点击cancel取消
第六步:点击next开始设置
第七步:默认安装 standard

参考网址

7.2 android studio未安装致如下错误

8.android系统打包,即可安装

cordova run android   //    在cordova主目录下使用命令
cordova build android  // 打包成apk
cordova build android  --verbose  //调试build出错命令

cd D:\cordova\myApp1\platforms\android\app\build\outputs\apk\debug

复制 app-debug.apk 安装即可

若非必要不用apk签名,签名可以成功,但无法安装成功

apk签名

APK都必须经过数字签名后才能安装到设备上,签名需要对应的证书(keystore)

1 生成数字签名证书

keytool -genkey -v -keystore D:\mytest.keystore -alias mytest -keyalg RSA -validity 20000

备注:
   -keystore D:/mytest.keystore表示生成的证书及其存放路径,如果直接写文件名则默认生成在用户当前目录下;
  -alias mytest 表示证书的别名是mytest,不写这一项的话证书名字默认是mykey;
  -keyalg RSA 表示采用的RSA算法;
  -validity 20000表示证书的有效期是20000天。

秘钥库口令:123456

执行完毕后,在 D:(D盘) 生成 mytest.keystore文件

2 生成带签名的apk有两种方式

方式一:

首先,生成未签名debug版本,加上数字签名证书,后生成带签名的APK

第一步:生成app-release-unsigned.apk
    cordova build android --release  
第二步:数字签名放到生成的未签名的apk所在的目录

    cd D:\cordova\myApp1\platforms\android\app\build\outputs\apk\release    
    密钥库密码:123456

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore mytest.keystore app-release-unsigned.apk mytest



方式二:

执行一条命令生成带签名的APK
操作说明:有了数字签名之后,数字签名需要放在cordova项目根目录下,执行命令直接生成一个android-release.apk(已经是带签名的了)

cordova build android --release --keystore="mytest.keystore" --alias=mytest --storePassword=123456 --password=123456

keystore 后面是数字签名证书, –alias 后面是别名 storePassword 后面是密钥库口令 password 后面是密钥口令

文章标题:vue使用cordova 打包android安装包

发布时间:2021-08-23, 20:11:40

最后更新:2021-08-23, 20:04:36