当前位置:首页 > 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 中实现衰减效果(如滚动衰减、拖动释放后的惯性滑动)通常需要结合物理动画原理或第三方动画库。以下是几种常见方法: 使用 CSS 动画和 @keyfra…

如何开发react

如何开发react

开发React应用的基本步骤 安装Node.js和npm 确保系统中已安装Node.js(包含npm)。可通过官网下载安装包,安装后验证版本: node -v npm -v 创建React项目…

react如何调度

react如何调度

React 调度机制概述 React 的调度机制通过 Fiber 架构 和 Scheduler 模块实现任务优先级管理与时间切片(Time Slicing),确保高优先级更新(如用户交互)能快速响应,…

react项目如何

react项目如何

创建React项目 使用create-react-app工具快速初始化项目。确保已安装Node.js(建议版本≥12.0.0),运行以下命令生成新项目: npx create-react-app m…

react如何建项目

react如何建项目

创建React项目的几种方法 使用官方工具Create React App(CRA) npx create-react-app my-app 这条命令会创建一个名为my-app的新React项目,包含…

react如何获取光标

react如何获取光标

获取光标位置的方法 在React中获取光标位置通常涉及处理输入框或文本区域的onChange或onSelect事件。以下是几种常见的方法: 通过selectionStart和selectionEnd…