uniapp android原生,在uni-app项目中集成Android原生工程

最新推荐文章于 2024-08-25 03:42:31 发布

weixin_39958366

最新推荐文章于 2024-08-25 03:42:31 发布

阅读量862

点赞数

文章标签： uniapp android原生

本文介绍了如何在uni-app项目中避免创建独立的Android原生工程，而是直接将Android项目集成到uni-app的同一项目中，通过修改`package.json`和`.gitignore`文件，以及调整目录结构，实现方便的本地打包和开发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[TOC]

# 在uni-app项目中集成Android原生工程

按照官方的方案，我们如果进行本地打包的话，需要重新创建一个Android原生工程，于是就会导致我们管理多个项目，切来切去的也麻烦。

经过一番折腾，觉得完全可以像React Native一样，在同一个项目中集成uni-app和Android两个项目。

具体操作如下。

1. 在uniapp项目下创建一个platforms目录，再在此目录下创建一个android目录

2. 将Android原生工程拷到`platforms/android`下，目录结构如下

![](https://kan.xiaoyulive.top/uniapp/031.png)

3. 在`.gitignore`中添加：

```

# Android

*.apk

*.iml

.gradle

platforms/android/local.properties

# package

platforms/android/app/build

platforms/android/app/release

platforms/android/app/src/main/assets/apps

```

4. 修改`package.json`：

```json

{

"scripts": {

//...

"build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus UNI_OUTPUT_DIR=platforms/android/app/src/main/assets/apps/__UNI__84417FE/www vue-cli-service uni-build",

"dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus UNI_OUTPUT_DIR=platforms/android/app/src/main/assets/apps/__UNI__84417FE/www vue-cli-service uni-build --watch",

// ...

}

```

在 `build:app-plus` 和 `dev:app-plus` 中添加 `UNI_PLATFORM` 选项，指定输入目录为Android项目下的资源路径，其中`__UNI__84417FE` 是uniapp的appid，需要换为自己项目的appid。

ok，完成，这样就可以了。