【React Native 极速指南】App 发布

回顾前几篇：

• 《【React Native 极速指南】开发环境》

• 《【React Native 极速指南】基础篇》

• 《【React Native 极速指南】进阶篇》

这篇文章你将会学习到：

• iOS

  • 打 Release 包

  • 发布到 AppStore

• Android

  • 打 Release 包

  • 发布到 Google Play

• 发布到 https://fir.im/

• 推广运营

  • 启动图

  • App Icon

iOS

打 Release 包

• 进入苹果开发者网站的 Certificates, Identifiers & Profiles

  • Overview -> Certificates, Identifiers & Profiles

• 生成 Distribution 证书

  • Certificates -> Add iOS Certificate(+) -> App Store and Ad Hoc -> Download

  • 通过本地 Keychain Access 生成证书

• 创建应用 Identifiers

  • Identifiers -> Register iOS App IDs -> 选择并填写相关内容 Next & Next ..

• 创建 Provisioning Profiles

  • Provisioning Profiles -> Add iOS Provisioning Profiles(+) -> Distribution App Store -> 选择并填写相关内容 Next & Next .. -> Download

  • 其中有一步需要把自己的或者要测试的设备 UID 导入

  • 本地双击 PP 文件导入

• 在 Xcode 中设置应用的签名证书

  • TTARGETS -> General -> Signing(Release)

  • https://reactnative.cn/docs/running-on-device/

• 通过 Xcode 发布正式包

  • Product -> Archive

  • Archives -> Distribute App

• 参考：https://www.jianshu.com/p/304ec98842e1

发布到 AppStore

• 进入苹果开发者网站的 App Store Connect

  • Overview -> App Store Connect -> MyApps

• New App 填写 App 信息

• 设置 APP STORE INFORMATION

  • App Information

  • Pricing and Availability

  • iOS APP -> 0.1.0 -> Submit for Review

Android

打 Release 包

• 生成签名密钥：

  • keytool -genkey -v -keystore your-app-name-release.keystore -alias your-app-name -keyalg RSA -keysize 2048 -validity 100000

  • 参考：https://docs.oracle.com/javase/8/docs/technotes/tools/windows/keytool.html

• 设置gradle变量

  • 把 your-app-name-release.keystore 文件放到你工程中的 android/app/ 文件夹下

  • 编辑项目 android/gradle.properties

• 把签名配置加入到项目的 gradle 配置中

  • android/app/build.gradle 添加如下的签名配置

• 生成 release APK 包

  • cd android 进入工程的 android 文件夹，运行 ./gradlew assembleRelease

  • Or 进入工程根目录，运行 react-native run-android --variant=release

• 包位置

  • android/app/build/outputs/app/xxx-relase.apk

• 验证是否签名

  • keytool -printcert -jarfile app-release.apk

• 参考：

  • https://reactnative.cn/docs/signed-apk-android/

  • https://www.jianshu.com/p/7d2def9b93a8

// android/gradle.propertiesAPP_RELEASE_STORE_FILE=wallet-release.keystore
APP_RELEASE_KEY_ALIAS=trio-wallet
APP_RELEASE_STORE_PASSWORD=ecotech888
APP_RELEASE_KEY_PASSWORD=ecotech888

// android/app/build.gradleandroid {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {            if (project.hasProperty('APP_RELEASE_STORE_FILE')) {                storeFile file(APP_RELEASE_STORE_FILE)
                storePassword APP_RELEASE_STORE_PASSWORD
                keyAlias APP_RELEASE_KEY_ALIAS
                keyPassword APP_RELEASE_KEY_PASSWORD
            }
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}

发布到 Google Play

• 进入 Google Play Console 网站：https://developer.android.com

  • Google Play -> LAUNCH PLAY CONSOLE

• 创建应用：填写应用名称

• 填写应用发布信息

  • 上传应用

  • 应用版本

  • 商品详情

  • 内容分级

  • 定价和分发信息

• 发布

发布到 https://fir.im/

• 把上面打包的 apk 和 ipa 文件直接拖到 fir 的后台系统

• 填写应用名和应用更新日志

• 生成连接，完成发布

推广运营

• iOS 启动图

  • iPhone Portrait iOS 8-Retina HD 5.5 （1242×2208） @3x

  • iPhone Portrait iOS 8-Retina HD 5.5 （1242×2208） @3x

  • iPhone Portrait iOS 8-Retina HD 4.7 （750×1334） @2x

  • iPhone Portrait iOS 7,8-2x （640×960） @2x

  • iPhone Portrait iOS 7,8-Retina 4 （640×1136） @2x

  • iPhone Portrait iOS 5,6-1x （320×480） @1x

  • iPhone Portrait iOS 5,6-2x （640×960） @2x

  • iPhone Portrait iOS 5,6-Retina4 （640×1136） @2x

• iOS Icon

  • Notification：20pt(2x, 3x)

  • Settings：29pt(2x, 3x)

  • Spotlight：40pt(2x, 3x)

  • App：60pt(2x, 3x)

  • App Store：1024pt(2x, 3x)

• Android 启动图

  • mdpi:

  • hdpi:

  • xhdpi:

  • xxhdpi:

  • xxxhdpi:

• Android Icon

  • mdpi: 48px

  • hdpi: 72px

  • xhdpi: 96px

  • xxhdpi: 144px

  • xxxhdpi: 192px

〖坚持的一俢〗