你可能已经完成了React Native应用的开发,马上就准备发布出去了。那你还需要为发布app准备什么吗?我指的不是诸如“确保测试通过”或“多做几遍smoke test”之类的答案。很明显,你需要做“推送到AppStore和Android的应用商店”,但这就是全部吗?
我们Infinite Red总在发布React Native app,所以非常了解这里面可能有的坑。那么就让我们把经验分享给你!希望这些经验能够帮助你更顺利地发布app。
-
去掉console.logs
-
压缩图片
-
去掉Android的默认权限设置
-
考虑使用ProGuard和Hermes
-
QA检查
-
检查启动速度
-
保护App防止破解
-
重新打开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%。