当前位置:首页 > React

react native如何发布

2026-01-24 01:13:47React

发布React Native应用到应用商店

Android发布流程

生成签名密钥,使用keytool工具创建密钥库文件。命令如下:

keytool -genkeypair -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=*
MYAPP_RELEASE_KEY_PASSWORD=*

修改android/app/build.gradle文件中的签名配置:

android {
    ...
    defaultConfig { ... }
    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

iOS发布流程

react native如何发布

在Xcode中打开iOS项目(位于ios目录),选择Generic iOS Device作为构建目标。进入Product菜单选择Archive开始打包过程。

打包完成后,在Organizer窗口中选择刚刚生成的归档文件,点击Distribute App按钮。选择App Store Connect作为分发方式,按照向导完成上传。

应用商店提交

Android应用需要注册Google Play开发者账号(费用25美元),创建应用列表并上传APK文件。填写应用详情、截图、分类等信息后提交审核。

react native如何发布

iOS应用需要注册Apple Developer账号(费用99美元/年),在App Store Connect中创建新应用。填写元数据、上传预览图、设置价格和可用性后提交审核。

测试版本分发

Android可通过生成签名的APK文件直接分享给测试人员,或使用Google Play的测试轨道功能。iOS可通过TestFlight邀请测试人员,或使用Ad Hoc分发方式。

持续集成

考虑设置CI/CD流程自动构建和发布。常用工具有Fastlane、GitHub Actions或Bitrise,可自动化构建、测试和发布过程。

标签: reactnative
分享给朋友:

相关文章

react native 如何

react native 如何

React Native 开发基础 React Native 是一个用于构建跨平台移动应用的框架,允许开发者使用 JavaScript 和 React 编写代码,同时生成原生 iOS 和 Androi…

如何改造react

如何改造react

改造 React 项目的关键方法 分析当前项目结构 通过评估现有组件、状态管理和依赖项,明确需要改进的部分。使用工具如 webpack-bundle-analyzer 识别性能瓶颈。 升级 Reac…

react如何部署

react如何部署

部署 React 应用的常见方法 使用静态服务器部署 React 应用在构建后会生成静态文件,可以直接通过静态服务器部署。常用的静态服务器包括 Nginx、Apache 等。 运行构建命令生成静态文…

react如何动画

react如何动画

React 动画实现方法 React 中实现动画可以通过多种方式,包括原生 CSS、第三方库或 React 内置的动画解决方案。以下是几种常见方法: 使用 CSS 动画和过渡 通过 CSS 的 tr…

如何调试react

如何调试react

调试 React 应用的方法 使用 React Developer Tools 安装浏览器扩展(Chrome/Firefox),通过组件树查看组件状态、props 和 hooks。支持实时编辑 pro…

如何清洁react

如何清洁react

清洁 React 项目的方法 删除未使用的依赖项 运行 npm ls 或 yarn list 检查已安装的依赖项,使用 npm uninstall <package> 或 yarn rem…