首先打包vue,这个就不多说了,学vue的应该都会
1、下载项目 https://github.com/electron/electron-quick-start
下载以后解压
2、将自己项目vue打包后的dist拷贝到项目 electron-quick-start 中的dist
3、修改路径
// main.js 原始内容
mainWindow.loadFile('index.html')
// 修改后的内容()
mainWindow.loadFile('./dist/index.html')
4、进入 package.json ,在 scripts 中添加 packager 指令
....
"scripts": {
"start": "electron .",
"packager": "electron-packager ./ App --platform=win32 --arch=x64 --electron-version=3.0.0 --overwrite --asar" // 新添加
}
.....
5、安装依赖 electron-packager
npm install electron-packager --save-dev
6、运行命令打,最后会生成文件夹 App-win32-x64 启动包就在里边 APP.exe
npm run packager
下面我要说打apk包,不过有点长哦,要有耐心
1、安装cordova,安装全局命令行执行 npm install -g cordova
2、利用cordova创建一个新项目,命令行执行
cordova create doctor li.zhao.doctor.dentist dentist
doctor :cordova目录名
org.apache.cordova.myApp: 包名
dentist: 是程序的标题(在项目config.xml中查看)
生成的cordova文件中
config.xml -包含应用相关信息,使用到的插件以及面向的平台
platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库
plugins – 包含应用所需插件的 Cordova 库,使得应用能够访问例如照相机和电池状态相关的事项。
www – 包含应用源代码,例如 HTML, JavaScript 和 CSS 文件
hooks – 包含为个性化应用编译系统所需的脚本
3、cordova platform add android
来生成Android平台的cordova库,这时platforms文件夹中会生成一个android文件夹
4、检查androidsdk是否正确安装
cordova requirements
如果出现
说明安装成功
如果出现
说明没有安装,就下载sdk安装配置环境变量
安装完成之后配置环境变量
ANDROID_HOME 和 ANDROID_SDK_ROOT 值一样(环境变量名字一定要和这个一样)
否侧保存出现
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=undefined (DEPRECATED)
path 增加 %ANDROID_HOME%platform-tools;%ANDROID_HOME%tools;
5、打包apk执行
cordova build android
如果出现
Using Android SDK: C:UsersadminDesktoptestvueappandroid-sdk-windows
Could not find an installed version of Gradle either in Android Studio,
or on your system to install the gradle wrapper. Please include gradle
in your path, or install Android Studio
说明没有安装gradle,下载安装gradle
配置环境变量 GRADLE_HOME
GRADLE_USER_HOME 是maven仓库
然后重新打开命令框重新执行
执行成功之后
项目文件夹 platformsandroidappbuildoutputsapkdebug 中会出现apk安装包
6、PK都必须经过数字签名后才能安装到设备上,签名需要对应的证书(keystore)
生成签名证书
keytool -genkey -v -keystore D:mydoctor.keystore -alias mydoctor -keyalg RSA -validity 20000
-keystore D:/mytest.keystore表示生成的证书及其存放路径,如果直接写文件名则默认生成在用户当前目录下;
-alias mytest 表示证书的别名是mytest,不写这一项的话证书名字默认是mykey;
-keyalg RSA 表示采用的RSA算法;
-validity 20000表示证书的有效期是20000天。
7、生成未签名的debug版本的apk,然后再用命令进行签名
在根目录执行命令 cordova build android --release
成功之后会在release目录下面生成一个app-release-unsigned.apk的文件
8、将签名所生成的证书文件复制到该目录之下执行命令
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore mydoctor.keystore app-release-unsigned.apk mydoctor
这时的apk就会是一个已经签名的apk了,修改一下名字即可直接放到设备上安装
也可以直接生产签名的apk文件
在命令行执行
cordova build android --release --keystore="mydoctor.keystore" --alias=flokmusic --storePassword=123456 --password=123456
keystore 后面是数字签名证书,
–alias 后面是别名 storePassword 后面是密钥库口令 password 后面是密钥口令
但每次打包输入命令行参数是很重复的,可以在项目的根目录下面新建一个build.json文件,在里面配置证书的一些配置信息
{
"android": {
"release": {
"keystore": "folkmusic.keystore",
"alias": "flokmusic",
"storePassword": "123456",
"password": "123456"
}
}
}
直接执行打包命令 cordova build android --release生成一个代签名的apk文件了