Cordova+Vue2.0打包apk,保姆教程来袭!

1.环境准备(全部都需要配置环境变量)

javascript 复制代码
java version "1.8.0_341"
安卓sdk android-29
Gradle 4.10.1
node v16.16.0
cordova 10.0.0 (cordova-lib@10.1.0)

2.安卓环境变量

javascript 复制代码
1. 确认已安装 Android SDK Build-Tools 和 Android SDK Platform-Tools。如果未安装,请安装它
们。
2. 打开控制面板,并单击"系统和安全">"系统">"高级系统设置">"环境变量"。
3. 在"系统变量"下,单击"新建"。
4. 在"变量名"字段中输入"ANDROID_HOME"。
5. 在"变量值"字段中输入 Android SDK 的安装路径。例如:
C:\Users\YourUserName\AppData\Local\Android\Sdk。
6. 在"系统变量"下,找到"Path"变量,并在其值列表中添加以下内容:
%ANDROID_HOME%\platform-tools;
%ANDROID_HOME%\tools;%ANDROID_HOME%\tools\bin。
7. 单击"确定"以保存更改并关闭窗口。
8. 重新启动终端或命令提示符窗口,并尝试重新执行 sdkmanager 命令。

安装指定安卓版本

javascript 复制代码
# 打开SDK目录
cd E:\android-sdk\tools\bin
# 更新可用的 SDK 包
sdkmanager --update
# 安装 Android SDK 版本 29
sdkmanager "platforms;android-29" 或者sdkmanager "build-tools;19.1.0"

3.安装cordova

javascript 复制代码
1.安装 npm install -g cordova@10.0.0 --save 
2.创建app包 cordova create myApp com.example.myApp MyApp 
3.cd myApp 进入创建的app包
4.添加安卓平台cordova platform add android
5. 等待安装完成后,在`/platforms/android`目录中将生成一个新的Android项目。
6. 确保您的Vue项目已使用`npm run build`命令生成了静态文件。
7. 将静态文件复制到Cordova项目的www目录中。在命令行中执行以下命令
8. 打开Cordova项目的`/config.xml`文件,设置应用程序的名称、包名、版本号等。
9. 使用以下命令构建APK文件:cordova build android

4.config.xml配置

5.安卓9以上无法发生请求

javascript 复制代码
在这里插入代码片
javascript 复制代码
AndroidManifest.xml文件位于Android应用程序项目的根目录中的`app/src/main`文件夹下。

具体路径如下:

`/app/src/main/AndroidManifest.xml`

您可以使用文件浏览器或集成开发环境(IDE)的项目导航窗格来找到并编辑AndroidManifest.xml文件。如果您在项目中使用Gradle构建工具,则可以在`app`模块的`src/main`目录下找到此文件。
相关推荐
持敬chijing8 小时前
白盒测试与代码审计-js登录逆向实战
javascript·网络·安全·web安全·网络安全·网络攻击模型
优选资源分享9 小时前
PicGo v3.0.3 新版 | 开源免费图床工具
javascript·笔记·electron
ShineWinsu10 小时前
对于JavaScript:JavaScript基础语法的解析
开发语言·前端·javascript·面试·web·基础语法·循环
普通人610 小时前
php+html+canvas实现树状打开的结构
开发语言·javascript·html5·1024程序员节
猫头_11 小时前
AI 流式传输工程指南:模型吐出半截 JSON,前端如何边收边渲染?
前端·javascript·llm
我的div丢了肿么办13 小时前
element-plus表格使用:filter-method过滤导致出现无数据
前端·javascript·vue.js
YIAN13 小时前
入门篇:LangGraph 入门实战:从零搭建最简单的 RAG 问答系统
javascript·langchain
YIAN13 小时前
高级篇:进阶多跳 RAG:子问题拆解 + 循环检索 + 智能规划,搞定复杂链式问题
javascript·langchain
YIAN13 小时前
前置篇:手把手用 Milvus + LangChain 搭建小说向量知识库,《天龙八部》EPUB 一键入库
javascript·langchain
YIAN13 小时前
进阶篇:RAG 优化第一步:给你的问答系统加上智能路由,实现双分支分流
javascript·langchain