当前位置:首页 > React

react native如何打包

2026-02-26 06:09:33React

React Native 打包步骤(Android/iOS)

Android 打包

生成签名密钥(仅首次需要)
在项目根目录下运行以下命令生成密钥文件(my-release-key.keystore):

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

配置 gradle 变量
android/gradle.properties 末尾添加:

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

修改 build.gradle
android/app/build.gradle 中确保有以下配置:

android {
    ...
    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/AAB
运行以下命令生成发布包:

cd android && ./gradlew assembleRelease  # 生成APK
cd android && ./gradlew bundleRelease    # 生成AAB(Google Play要求)

输出文件路径

  • APK: android/app/build/outputs/apk/release/app-release.apk
  • AAB: android/app/build/outputs/bundle/release/app-release.aab

iOS 打包

配置 Xcode 项目
通过 Xcode 打开 ios/YourProjectName.xcworkspace(注意不是 .xcodeproj)。

设置发布版本
在 Xcode 顶部菜单选择 Generic iOS Device 或具体设备,Scheme 选择 Release

修改编译配置
Build Settings 中:

  • 设置 Code Signing Identity 为开发者或分发证书
  • 确认 Provisioning Profile 选择正确的描述文件

生成归档文件
通过菜单 Product > Archive 生成归档,完成后在 Organizer 窗口中选择 Distribute App,按需选择分发方式(App Store/Ad Hoc等)。

通用优化建议

开启 ProGuard(Android)
android/app/build.gradle 中启用代码混淆:

buildTypes {
    release {
        minifyEnabled true
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
    }
}

资源优化
使用 react-native bundle 预打包资源:

react native如何打包

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

版本号管理
通过 app.json 或直接修改 Info.plist(iOS)/ build.gradle(Android)保持版本号一致。

标签: reactnative
分享给朋友:

相关文章

react如何更新

react如何更新

更新 React 版本的方法 检查当前 React 版本 运行以下命令查看项目中安装的 React 版本: npm list react 更新 React 及相关依赖 通过 npm 或 yarn…

react如何部署

react如何部署

部署 React 应用的常见方法 使用静态服务器部署 React 应用在构建后会生成静态文件,可以直接通过静态服务器部署。常用的静态服务器包括 Nginx、Apache 等。 运行构建命令生成静态文…

如何用react

如何用react

使用React的基本步骤 安装Node.js和npm 确保系统已安装Node.js和npm。Node.js自带npm,可从官网下载安装包。安装完成后,通过命令行验证版本: node -v npm -…

react如何发音

react如何发音

React的发音 React的正确发音为 /riˈækt/,类似于“ree-akt”。以下是详细说明: 发音分解 第一个音节“Ree”发音类似英文单词“see”中的“ee”音。…

如何升级react native

如何升级react native

升级 React Native 的步骤 检查当前版本 运行以下命令查看当前项目的 React Native 版本: react-native --version 更新 React Native CL…

react 如何修改state

react 如何修改state

修改 state 的基础方法 在 React 中,state 的修改必须通过 setState 方法(类组件)或 state 更新函数(函数组件)。直接修改 state 会导致组件不会重新渲染,且可能…