[TOC]
# 在uni-app項目中集成Android原生工程
按照官方的方案,我們如果進行本地打包的話,需要重新創建一個Android原生工程,于是就會導致我們管理多個項目,切來切去的也麻煩。
經過一番折騰,覺得完全可以像React Native一樣,在同一個項目中集成uni-app和Android兩個項目。
具體操作如下。
1. 在uniapp項目下創建一個platforms目錄,再在此目錄下創建一個android目錄
2. 將Android原生工程拷到`platforms/android`下,目錄結構如下

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,完成,這樣就可以了。
- uniapp項目搭建
- 通過cli創建uniapp項目
- uniapp平臺特性
- uniapp基礎
- 在uniapp中使用字體圖標
- uniapp全局變量的幾種實現方式
- uniapp自定義頁面返回邏輯
- uniapp進階
- 在網頁中打開uniapp應用
- uniapp狀態欄與導航欄
- 在uniapp中優雅地使用WebView
- uniapp Android離線打包
- Android原生工程搭建
- 在uni-app項目中集成Android原生工程
- uniapp熱更新和整包更新
- Android Q啟動白屏的問題
- uniapp原生插件開發與使用
- Android 原生插件使用
- uniapp基礎模塊配置
- uniapp定位及地圖
- uniapp第三方支付、登錄
- 常見問題及解決方案
- Android端常見問題解決方案
- H5端常見問題解決方案
- 微信小程序常見問題解決方案