vue 项目通过android studio 离线打包

ocean___

已于 2023-02-07 16:25:55 修改

阅读量3.3k

点赞数 3

于 2020-08-26 21:09:55 首次发布

本文链接：https://blog.csdn.net/ocean___/article/details/108217285

版权

vue 项目通过android studio 离线打包

参考链接：https://nativesupport.dcloud.net.cn/AppDocs/download/android

vue项目执行 npm run build 打包生成dist文件
使用 hbuilderX新建一个项目
把打包好的dist里面的内容copy到新建的项目下

vue2.x	vue3.x

选中需要打包的app项目点击发行–>选择原生App-本地打包–>生成本地打包App资源

在这里插入图片描述

在控制台可以看到你导出的app打包资源

在这里插入图片描述

前往android studio官网下载打包工具
前往https://nativesupport.dcloud.net.cn/AppDocs/download/android下载sdk
注意：下载的sdk需要和hbuilderX的版本对应
打开android studio 点击左上角File–>Open…
选择你下载好的sdk路径，选择HBuilder-Integrate-AS文件
打开文件下的simpleDemo下的src下的main文件下的assets文件里面找到www文件替换为你在hbuilderX打包生成的app资源文件
找到www文件夹下的manifest.json里面id名称，然后把www文件夹的父文件名改找到的id名称

在这里插入图片描述

打开app->res -> main -> values -> strings.xml文件，修改“app_name”字段值，该值为安装到手机上桌面显示的应用名称，建议与manifest.json中name（基础配置中的应用名称）对应。
打开AndroidManifest.xml文件把package的值改为包名 ·
14.打开simpleDemo文件夹下的build.gradle,把applicationId的值改为你的包名，versionName是你的版本号
找到data文件夹下的dcloud_control.xml。把appid改为你在manifest.json里面的id值
找到res–>drawable 把图片替换成你的app图标 icon.png为应用的图标。push.png为推送消息的图标。splash.png为应用启动页的图标。
找到 res–>values–>strings.xml 修改自己app名称
生成自定义基座，需要在根节点下添加debug="true"和syncDebug=“true”，如下图：
添加模块及第三方配置参考https://nativesupport.dcloud.net.cn/AppDocs/usemodule/android
连接手机，点击按钮，运行即可。

在这里插入图片描述
注意：添加第三方微信登录的时候需要引入一个WXEntryActivity.java文件，WXEntryActivity.java文件存在：下载的sdk文件–>sdk–>src–>wxapi–>WXEntryActivity.java
WXEntryActivity.java文件存放在java文件夹下的包名文件夹下的wxapi文件夹内
在这里插入图片描述