当前位置:首页 > React

react native 如何打包

2026-02-26 06:00:58React

打包 React Native 应用

React Native 应用的打包流程分为 Android 和 iOS 两个平台,以下是具体的打包方法。

Android 平台打包

进入项目根目录,运行以下命令生成签名密钥:

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

android/app 目录下创建或修改 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

修改 android/app/build.gradle 文件,确保 signingConfigs 配置正确:

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 文件:

react native 如何打包

cd android && ./gradlew assembleRelease

生成的 APK 文件位于 android/app/build/outputs/apk/release/app-release.apk

iOS 平台打包

打开 Xcode,选择项目的 xcworkspace 文件。在 Xcode 中选择 Generic iOS Device 作为目标设备。

在 Xcode 菜单栏中选择 Product -> Archive。等待编译完成后,Xcode 会打开 Organizer 窗口。

react native 如何打包

Organizer 窗口中选择刚刚生成的 archive,点击 Distribute App。选择 App Store Connect 作为分发方式,然后选择 Upload 选项。

按照向导完成签名和上传流程。最终会生成一个 .ipa 文件,可以提交到 App Store 或进行测试分发。

注意事项

Android 打包时需要确保 JDK 版本兼容,建议使用 JDK 8 或更高版本。iOS 打包需要有效的开发者账号和证书配置。

对于 Android 发布版本,建议使用 Android App Bundle (.aab) 格式代替 APK,可以通过修改 android/app/build.gradle 中的 bundle 任务来实现:

cd android && ./gradlew bundleRelease

iOS 打包前需要确保 Info.plist 中的版本号和构建号已更新,同时检查所有必要的权限和描述信息已正确配置。

标签: reactnative
分享给朋友:

相关文章

电脑如何安装react

电脑如何安装react

安装 Node.js 和 npm React 依赖于 Node.js 和 npm(Node Package Manager)。从 Node.js 官网下载并安装最新稳定版本,安装完成后会自动包含 np…

react项目如何

react项目如何

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

react如何实现混入

react如何实现混入

在React中实现混入(Mixin)功能可以通过以下几种方式实现,React官方已不推荐使用传统的React.createClass混入方式,但可通过高阶组件或自定义Hook替代。 高阶组件(HOC…

react 如何设置 代理

react 如何设置 代理

在 React 中设置代理 在开发过程中,为了跨域请求后端 API,可以通过配置代理来解决。以下是几种常见的设置代理的方法: 使用 package.json 配置代理 在 package.json…

如何部署react项目

如何部署react项目

部署 React 项目到生产环境 方法一:使用静态服务器部署(如 Nginx、Apache) 构建生产版本:运行 npm run build 或 yarn build,生成优化后的静态文件(位于 b…

react 如何渲染的

react 如何渲染的

React 渲染机制 React 的渲染过程分为两个主要阶段:协调(Reconciliation)和提交(Commit)。协调阶段负责计算差异(Diffing),提交阶段将变化应用到 DOM。 虚拟…