基于Cordova插件创建app及打包成apk

 

基于Cordova插件创建app及打包成apk

1.配置开发环境

一:下载并安装node.js(npm功能可以使用)

 

二:利用npm安装cordova插件

 基于Cordova插件创建app及打包成apk_第1张图片

三:配置JAVA+ANDROID+GRDLE的系统环境

1)java jdk+jre设置正确(cmd中java和javac指令可以使用)

JAVA_HOME:C:\Program Files\Java\jdk1.8.0_111

CLASSPATH:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

PATH变量前加jdk及jre的bin路径C:\Program Files\Java\jdk1.8.0_111;C:\Program Files\Java\jdk1.8.0_111\jre\bin;

2)ANDROID_HOME:C:\Program Files (x86)\Android\android-sdk

3)GRADLE_HOME:E:\java\gradle-3.1

Java指令

 基于Cordova插件创建app及打包成apk_第2张图片

Javac指令

 

2.创建app及apk名称、文件路径、资源依赖

一:创建app及apk名称

 

该插件自动生成的包文件

 基于Cordova插件创建app及打包成apk_第3张图片

二:在该包platforms文件夹中添加依赖的资源(android环境)

1)先进入项目路径

 

2)添加Android环境

 基于Cordova插件创建app及打包成apk_第4张图片

Platforms包中添加了android资源

 基于Cordova插件创建app及打包成apk_第5张图片

3.实现具体的app功能(在vsc中打开项目文件,在www文件目录下工作)

一:在vsc中打开项目文件、编辑具体业务

 基于Cordova插件创建app及打包成apk_第6张图片

 

登录页面上Hello Worle

此处业务需要开发,具体功能还在研究中!

 

4.运用cordova指令将开发完成的项目打包成一个apk文件

 基于Cordova插件创建app及打包成apk_第7张图片 

基于Cordova插件创建app及打包成apk_第8张图片

项目文件中出现了打包好的apk文件

 基于Cordova插件创建app及打包成apk_第9张图片

 

5.在手机上测试

 

你可能感兴趣的:(vue,cordova)