当前位置:首页 > 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 文件:

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 窗口。

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 中的版本号和构建号已更新,同时检查所有必要的权限和描述信息已正确配置。

react native 如何打包

标签: reactnative
分享给朋友:

相关文章

如何手写一个react

如何手写一个react

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

react性能如何

react性能如何

React 性能特点 React 通过虚拟 DOM(Virtual DOM)和高效的 diff 算法优化性能。虚拟 DOM 减少了直接操作真实 DOM 的开销,仅在必要时更新变化的部分。React 的…

react 如何分页

react 如何分页

分页实现方法 在React中实现分页功能可以通过多种方式完成,具体取决于数据来源(如API或本地数据)和UI库的选择。以下是常见的实现方法: 使用本地数据分页 对于存储在组件状态或Contex…

react如何收录

react如何收录

React 收录方法 React 的收录主要涉及搜索引擎优化(SEO)和预渲染技术。由于 React 是单页应用(SPA),默认情况下内容由 JavaScript 动态生成,可能导致搜索引擎爬虫难以收…

react架构如何

react架构如何

React 架构核心概念 React 的架构围绕组件化、虚拟 DOM 和单向数据流设计。组件是构建用户界面的独立模块,分为函数组件和类组件。虚拟 DOM 通过高效的 Diff 算法减少直接操作真实 D…

如何安装react

如何安装react

安装React的方法 方法一:使用Create React App(官方推荐) Create React App是官方提供的脚手架工具,适合快速搭建React项目。确保已安装Node.js(建议版本≥…