当前位置:首页 > 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如何通信

React 组件通信方式 React 组件间的通信方式多样,具体选择取决于组件关系和场景需求。以下是常见方法: 父子组件通信 父组件通过 props 向子组件传递数据,子组件通过回调函数通知父组件…

react如何引入

react如何引入

引入React的方法 React可以通过多种方式引入项目,具体取决于项目需求和开发环境。以下是常见的几种方法: 通过CDN引入 在HTML文件中直接通过CDN链接引入React和ReactDOM:…

react如何切换class

react如何切换class

动态切换 React 组件的类名 在 React 中动态切换类名可以通过多种方式实现,以下是常见的几种方法: 使用模板字符串和状态管理 function MyComponent() { con…

react如何修改值

react如何修改值

修改 React 组件的值 在 React 中修改值通常涉及状态管理。根据组件的类型(类组件或函数组件)和状态管理方式(本地状态或全局状态),方法有所不同。 使用 useState(函数组件) 在函…

如何部署react项目

如何部署react项目

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

react refs 如何使用

react refs 如何使用

React Refs 的基本概念 Refs 是 React 提供的一种访问 DOM 节点或 React 组件实例的方式。通常在 React 的数据流中,父子组件通过 props 进行通信,但在某些情况…