准备发布React Native应用?

你可能已经完成了React Native应用的开发,马上就准备发布出去了。那你还需要为发布app准备什么吗?我指的不是诸如“确保测试通过”或“多做几遍smoke test”之类的答案。很明显,你需要做“推送到AppStore和Android的应用商店”,但这就是全部吗?

我们Infinite Red总在发布React Native app,所以非常了解这里面可能有的坑。那么就让我们把经验分享给你!希望这些经验能够帮助你更顺利地发布app。

  1. 去掉console.logs

  2. 压缩图片

  3. 去掉Android的默认权限设置

  4. 考虑使用ProGuard和Hermes

  5. QA检查

  6. 检查启动速度

  7. 保护App防止破解

  8. 重新打开ATS

1. 去掉console.logs

您可能知道,包括控制台log会减慢React Native应用程序的速度,你应该在发布前去掉它们。你当然可以用查找替换来抹掉log,但是一些log可以提供有用的调试信息,可能需要将它们保留在代码中,我们只是需将它们从生产版本中去除即可。我们也正要这样做。

常用办法

React Native文档推荐的方法是使用babel:

npm i babel-plugin-transform-remove-console --save-dev

然后设置.babelrc,可以从代码中把log全部删除或者只处理生产版本(比如下面的例子)。

图片

其他办法

dev模式会将__DEV__变量设置为true。你只要把下面的代码放进index.js,你可以使用它来关掉日志。你也可以同样来处理.error等其他console输出。

图片

Q: if (__DEV__)会被metro在release版里面去掉吗?
A: 我试过,不会。其实这种检查在很多其他地方也会用来检查是不是release版本.

这个办法的一个好处是可以把原始log代码替换成其他你可能需要的代码。比如,如果需要上报error或者warning给后台分析,可以把error和warning替换成事件报告代码。

无论采用哪种方法,请确保不要保留console.logs,因为它们会减慢app运行速度!

2. 压缩图片

你可能做了app资源文件自动优化工作,但是我们希望能够做到优化图片以达到最小的包大小。我通常会使用Squoosh.app,将每个图片拖上去进行验证和肉眼检查。这让我可以测试多种压缩方法并确认没有破坏图像的质量。这也能帮我发现是不是有图片被错误的缩放了或者删除了。

图片

左侧原稿-右侧优化结果:看起来没有明显差异!

我的大多数图片都进行了优化,但是有一张图片根本没有进行优化!全部图片优化之后文件大小缩小了49%。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值