为了账号安全,请及时绑定邮箱和手机立即绑定

【React Native 极速指南】App 发布

标签:
React Native

回顾前几篇:

  • 《【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 中设置应用的签名证书

  • 通过 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 包

  • 生成签名密钥:

  • 设置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

  • 参考:

// 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

〖坚持的一俢〗





点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
12
获赞与收藏
135

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消