当前位置:首页 > React

react native 如何发布

2026-01-24 03:11:55React

发布 React Native 应用到应用商店

生成发布版本

Android 平台需要生成 APK 或 AAB(Android App Bundle),iOS 平台需要构建 IPA 文件。

Android 发布构建
进入项目根目录,运行以下命令生成签名 APK:

cd android && ./gradlew assembleRelease

或生成 AAB(推荐用于 Google Play 发布):

cd android && ./gradlew bundleRelease

iOS 发布构建
在 Xcode 中:

react native 如何发布

  1. 选择 Generic iOS Device 或连接真实设备。
  2. 菜单栏选择 Product > Archive
  3. Organizer 窗口中选择生成的归档文件,点击 Distribute App

配置签名和密钥

Android 签名
android/app/build.gradle 中配置签名信息:

android {
    signingConfigs {
        release {
            storeFile file('my-release-key.keystore')
            storePassword 'yourpassword'
            keyAlias 'yourkeyalias'
            keyPassword 'yourkeypassword'
        }
    }
    buildTypes {
        release {
            signingConfig signingConfigs.release
        }
    }
}

iOS 签名
在 Xcode 中配置开发者账号和证书:

  1. 项目设置中选择 Signing & Capabilities
  2. 选择正确的 Team 和 Provisioning Profile。

发布到应用商店

Google Play 发布

react native 如何发布

  1. 登录 Google Play Console
  2. 创建应用或选择现有应用。
  3. 上传 AAB 或 APK 文件到 Release 部分。

Apple App Store 发布

  1. 登录 App Store Connect
  2. 创建新应用或选择现有应用。
  3. 通过 Xcode 或 Transporter 上传 IPA 文件。

测试版本分发

Android 测试分发
使用 Firebase App Distribution 或直接分享 APK:

adb install app-release.apk

iOS 测试分发
通过 TestFlight 分发:

  1. 在 App Store Connect 中上传构建版本。
  2. 添加测试人员并提交审核。

更新应用

后续更新需重复构建和发布流程,确保版本号递增(Android versionCode,iOS CFBundleVersion)。

标签: reactnative
分享给朋友:

相关文章

如何记忆react

如何记忆react

理解核心概念 React的核心概念包括组件、状态(state)、属性(props)、生命周期方法(类组件)和钩子(函数组件)。掌握这些基础概念是记忆React的关键。组件是React应用的构建块,分为…

react如何收录

react如何收录

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

如何配置react

如何配置react

配置React项目的步骤 安装Node.js和npm 确保系统已安装Node.js(包含npm)。可通过官网下载并安装最新版本。安装完成后,运行以下命令验证版本: node -v npm -v 创建…

如何启动react

如何启动react

安装Node.js 确保系统已安装Node.js(建议使用LTS版本),可通过官网下载并安装。安装完成后,在终端运行以下命令验证版本: node -v npm -v 创建React项目 使用官方工具…

react如何刷新

react如何刷新

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

react如何重置

react如何重置

重置 React 应用的状态 使用 useState 钩子重新初始化状态变量是最直接的方法。将状态变量重置为初始值或空值即可完成重置。 const [count, setCount] = useSt…