Vue project package Android App

简介: Vue project package Android App

Install Cordova

sudo npm install -g cordova

Create Cordova Project

cordova create android-app com.dls [project-name]

Move dist (npm run build) directory to Cordova Project www directory

Add andriod platfom

android-app project root run command

cordova platforms add android --save

Check environment

android-app project root run command

cordova requirements

Install Android Studio

url: www.android-studio.org

  1. Extract to /usr/local/
  2. Execute ./studio.sh in android-studio/bin/
  3. create android project and set Android target (sdk)

Configure Android SDK environment

vim ~/.profile

add code

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

Install Java jdk

url: www.oracle.com/technetwork…

Extract to /usr/local/

Configure Java jdk

vim /etc/profile

add code

export JAVA_HOME=/usr/local/jdk1.8.0_231
export CLASSPATH=.:$JAVA_HOME/jre/lib/rt.jar:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
export PATH=$JAVA_HOME/bin:$PATH

source /etc/profile

e.g

$ java -version
java version "1.8.0_231"
Java(TM) SE Runtime Environment (build 1.8.0_231-b11)
Java HotSpot(TM) 64-Bit Server VM (build 25.231-b11, mixed mode)

Install Gradle

url: gradle.org/next-steps/…

mkdir /opt/gradle

Extract to /opt/gradle

vim /etc/profile

add code

export PATH=$PATH:/opt/gradle/gradle-6.0.1/bin

source /etc/profile

Check the environment again

android-app project root run command

cordova requirements


Generate apk

Generage key

keytool -genkey -v -keystore ./w.keystore -alias w.keystore -keyalg RSA -validity 2000

w@w:~/my/app/android-app$ keytool -genkey -v -keystore ./w.keystore -alias w.keystore -keyalg RSA -validity 2000
Enter keystore password:  
Re-enter new password: 
What is your first and last name?
  [Unknown]:  
What is the name of your organizational unit?
  [Unknown]:  

create build.json

w@w:~/my/app/android-app$ vim build.json
e.g
{
  "android": {
    "release": {
      "keystore": "w.keystore",
      "alias": "w.keystore",
      "storePassword": "xxx",
      "password": "xxx"
    }
  }
}

Generate apk

cordova build --release

w@w:~/my/app/android-app/platforms/android/app/build/outputs/apk/release$ ls
app-release.apk  output.json

Chrome Debug Andriod App

cordova run android

chrome://inspect/#devices


image.png


打包ios

cordova platforms add ios --save

cordova 项目根目录 build.json 中添加 ios

相关文章
|
2月前
|
XML 物联网 API
Android Ble蓝牙App(五)数据操作
Android Ble蓝牙App(五)数据操作
|
2月前
|
Web App开发 移动开发 小程序
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了,
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了,显示“网络不给力,请稍后再试”,预发内网版本不能使用,线上版本可以正常使用,这个是什么原因啊,是某些参数没有配置吗,还是说是一些参数改错了?
39 2
|
1月前
|
Android开发 开发者 iOS开发
APP开发后如何上架,上架Android应用市场前要准备什么
移动应用程序(APP)的开发已经成为现代企业和开发者的常见实践。然而,开发一个成功的APP只是第一步,将其上架到应用商店让用户下载和使用是实现其潜力的关键一步。
|
1月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
11 0
|
2天前
|
开发框架 JavaScript 小程序
vue,小程序,uni-app的生命周期?
vue,小程序,uni-app的生命周期?
|
10天前
|
安全 Java 数据挖掘
当 App 有了系统权限,真的可以为所欲为? Android Performance Systrace
当 App 有了系统权限,真的可以为所欲为? Android Performance Systrace 转载自: https://androidperformance.com/2023/05/14/bad-android-app-with-system-permissions/#/0-Dex-%E6%96%87%E4%BB%B6%E4%BF%A1%E6%81%AF
22 0
|
30天前
|
开发框架 JavaScript 前端开发
深入探讨Vue.js核心技术及uni-app跨平台开发实践
深入探讨Vue.js核心技术及uni-app跨平台开发实践
29 0
|
1月前
|
Android开发
闲暇时间收集和整理的Android的一些常用的App
闲暇时间收集和整理的Android的一些常用的App
11 0
|
1月前
|
Android开发 UED 开发者
解释Android App Bundle是什么,它的优势是什么?
解释Android App Bundle是什么,它的优势是什么?
29 0
|
1月前
|
JavaScript Android开发
Cordova 后台运行 Android APP
Cordova 后台运行 Android APP

相关产品

  • 云迁移中心