当前位置:首页 > React

react native如何打包

2026-01-15 11:17:13React

打包 React Native 应用(Android)

生成 Android 发布密钥库文件(如果尚未创建):

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

编辑 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

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

cd android && ./gradlew assembleRelease

生成的 APK 文件路径为: android/app/build/outputs/apk/release/app-release.apk

打包 React Native 应用(iOS)

在 Xcode 中打开 iOS 项目: open ios/YourProjectName.xcworkspace

在 Xcode 中选择 Product > Scheme > Edit Scheme,确保运行模式为 Release。

选择 Generic iOS Device 作为目标设备。

react native如何打包

选择 Product > Archive 开始打包过程。

在 Organizer 窗口中选择生成的归档文件,点击 Distribute App 按钮。

选择 App Store Connect 或其他分发方式,按照向导完成打包和签名过程。

优化打包配置

Android 端可以启用 ProGuard 代码混淆:

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

iOS 端可以配置 Release 模式下的优化选项: 在 Xcode 的 Build Settings 中,设置 Optimization Level 为 Fastest, Smallest [-Os]。

react native如何打包

环境变量配置

创建 .env 文件区分开发和生产环境:

API_URL=https://production.api.com

在代码中通过 process.env.API_URL 访问环境变量。

注意事项

Android 打包需要确保 JDK 和 Android SDK 配置正确。

iOS 打包需要有效的开发者账号和证书配置。

发布前建议在真实设备上测试 Release 版本。

对于资源文件优化,可以考虑使用 react-native bundle 命令预打包资源。

标签: reactnative
分享给朋友:

相关文章

如何评价react native

如何评价react native

React Native 的优势 跨平台开发效率高:基于 JavaScript 和 React 语法,可同时开发 iOS 和 Android 应用,减少重复代码量。性能接近原生:通过原生组件渲染,性能…

如何手写一个react

如何手写一个react

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

react如何刷新

react如何刷新

刷新React组件的方法 使用状态更新触发重新渲染 通过更新组件的状态可以触发重新渲染。React会在状态变化时自动重新渲染组件。 const [count, setCount] = useStat…

react如何引入echarts

react如何引入echarts

安装 ECharts 依赖 在 React 项目中安装 ECharts 核心库和 React 封装库: npm install echarts echarts-for-react 基础引入方式 创建…

react如何添加图片

react如何添加图片

在React中添加图片的方法 使用import导入本地图片 将图片文件放在项目目录中(如src/assets),通过import语句引入后作为src属性值: import logo from './…

react 如何算精通

react 如何算精通

精通 React 的标准 精通 React 不仅需要掌握基础语法和核心概念,还需具备解决复杂问题、优化性能和架构设计的能力。以下是衡量 React 精通程度的关键维度: 核心概念与机制 组件…