当前位置:首页 > React

react native 如何打包

2026-02-11 19:59:47React

打包 React Native 应用

Android 打包

生成签名密钥:

keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

配置 android/gradle.properties

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*
MYAPP_RELEASE_KEY_PASSWORD=*

修改 android/app/build.gradle

android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            storeFile file(MYAPP_RELEASE_STORE_FILE)
            storePassword MYAPP_RELEASE_STORE_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}

生成 APK:

cd android && ./gradlew assembleRelease

iOS 打包

配置 Xcode 项目:

  1. 打开 ios/YourProject.xcworkspace 文件
  2. 选择 Product > Scheme > Edit Scheme
  3. 选择 Run 并设置 Build Configuration 为 Release

生成 IPA:

react native 如何打包

  1. 选择 Product > Archive
  2. 在 Organizer 窗口中选择 Distribute App
  3. 选择分发方式(App Store 或 Ad Hoc)

生成 AAB (Android App Bundle)

修改 android/app/build.gradle

android {
    ...
    buildTypes {
        release {
            ...
            debuggable false
            minifyEnabled enableProguardInReleaseBuilds
            shrinkResources enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
    }
    bundle {
        language {
            enableSplit = true
        }
        density {
            enableSplit = true
        }
        abi {
            enableSplit = true
        }
    }
}

生成 AAB 文件:

cd android && ./gradlew bundleRelease

环境变量配置

创建 .env 文件:

react native 如何打包

API_URL=https://api.example.com

安装依赖:

npm install react-native-config

修改 android/app/build.gradle

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

优化打包配置

启用 ProGuard 代码混淆:

def enableProguardInReleaseBuilds = true

启用资源压缩:

shrinkResources true

注意事项

  • 确保测试 Release 版本的功能
  • 备份签名密钥文件
  • 检查应用的权限配置
  • 验证应用的版本号和版本名称
  • 确认应用的图标和启动画面配置正确

标签: reactnative
分享给朋友:

相关文章

如何手写一个react

如何手写一个react

手写一个简单的 React 创建一个基础的 React 实现需要理解其核心概念:虚拟 DOM、组件、状态管理和渲染。以下是一个简化版的 React 实现。 创建虚拟 DOM 虚拟 DOM 是真实 D…

如何启动react

如何启动react

安装Node.js 确保系统已安装Node.js(建议使用LTS版本),可通过官网下载并安装。安装完成后,在终端运行以下命令验证版本: node -v npm -v 创建React项目 使用官方工具…

如何设计react组件

如何设计react组件

设计 React 组件的核心原则 React 组件的设计需要遵循高内聚、低耦合的原则,确保组件功能独立且易于维护。组件的设计可以分为展示组件和容器组件两类,展示组件负责 UI 渲染,容器组件负责逻辑处…

react路由如何刷新

react路由如何刷新

React 路由刷新方法 在 React 中,路由刷新通常涉及以下几种场景和解决方案: 强制重新加载当前页面 使用 window.location.reload() 可以强制刷新整个页面,但会丢失…

如何运行react项目

如何运行react项目

运行React项目的步骤 确保已安装Node.js(建议版本12或更高)和npm/yarn。若未安装,可从Node.js官网下载。 全局安装create-react-app脚手架工具(若已安装可跳过…

如何调试react源码

如何调试react源码

调试React源码的方法 克隆React源码仓库到本地: git clone https://github.com/facebook/react.git cd react 安装依赖并构建开发版本:…