当前位置:首页 > 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中,取消渲染通常指的是在某些条件下阻止组件渲染或中断正在进行的渲染过程。以下是几种常见的方法: 条件渲染 通过条件判断决定是否渲染组件或部分内容。可以使用if语句或三元…

如何选购react

如何选购react

选购 React 相关产品或服务的建议 React 是一个用于构建用户界面的 JavaScript 库,广泛应用于前端开发。以下是选购 React 相关产品(如课程、书籍、工具、组件库等)的参考方法:…

react 如何分页

react 如何分页

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

react如何encode

react如何encode

React 中编码的实现方式 在 React 中,编码通常涉及对 URL、HTML 实体或特殊字符的处理。以下是几种常见的编码方法: 使用 encodeURIComponent 进行 URL 编码…

react 如何调试

react 如何调试

调试 React 应用的方法 使用 React Developer Tools 安装 Chrome 或 Firefox 的 React Developer Tools 扩展,可以检查组件树、状态和 p…

react如何拓展

react如何拓展

React 拓展方法 使用高阶组件(HOC) 高阶组件是一种复用组件逻辑的方式,通过接收一个组件并返回一个新组件实现功能拓展。例如,为组件添加日志功能: function withLogging…