React Native 更新实践（非热更新）

QiShare 发布于2019-08-26 12:02 / 1865人阅读

摘要：前言这周完成了公司更新非热更新功能，在这里总结一下。即需要更新的代码和资源时，需要有这个更新的功能。这样的话，用户可以通过进入的下载页，来进行的更新。具体代码实现用到了中的。

前言

这周完成了公司 React Native app 更新（非热更新）功能，在这里总结一下。

1.首先，提出一个问题 我们的 app（基于RN）已经有 热更新 功能了，为什么还要一个更新的功能？

因为热更新只会更新非 Native 的代码和资源（图片、JS）。而有些功能必须调用 Native 代码和资源（如：微信支付等）。
一开始，我们的 app 一开始是没有 通知推送 这个功能的，app 要添加这个功能，需要引入第三方的 Native 代码，这个时候，就需要用户自己去 App Store（安卓 app 放在蒲公英）下载然后安装软件来进行软件的更新。
即 app 需要更新 Native 的代码和资源时，需要有这个更新的功能。

2.更新功能的实现思路（非原生实现）

目前我们暂时采用的方案是在我们的 app 中有一个通知的功能（非独立的功能，是和业务相关的，且通知内容是后台管理进行自定义的），当 app 有更新时，用户就可以在 app 内收到这条通知，点进去之后，会有一个更新按钮。点击按钮之后，在 ios 下，会跳转到 App Store 的应用下载页；在 Android 下，会使用默认的浏览器跳转到 app 的下载页面。这样的话，用户可以通过进入 app 的下载页，来进行 app 的更新。

3.具体代码实现

用到了 rn 中的 Linking api。

// 判断手机系统，从而得到 app 的下载地址（iosDownloadUrl 和 androidDownloadUrl 是变量）
const downloadUrl = Platform.OS === "ios" ? iosDownloadUrl : androidDownloadUrl;
// 打开下载地址
// ios 打开下载地址会跳转到 app store 的 app 的下载页面
// ios app 的下载地址怎么获得？请看下面

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108059.html

写给想做前端的你

摘要：不过细想想，我邮只有前端的选修课啥的，课程也不是那么就业导向。至少目前，很少有大公司完全把作为前后端通用的技术栈。不能把简单看做是在服务端的延展。编译这个思想在前端领域很重要不改变现有的语言环境同时进行最佳的工程实践。 P.S. 喷神请绕道，大神勿喷，不引战，不攻击，不钻牛角尖。大二时第一次接触前端。许多同学估计都想过要做一个网站，大部分又是从PHP开始的（谁让它是世界上最好的语言呢...

JerryWangSAP 2019-08-21 13:49 评论0 收藏0
iOS原生混合RN开发最佳实践

摘要：交流群也定期更新最新的学习资料给大家，谢谢大家支持小伙伴们扫下方二维码加入技术交流群 iOS原生混合RN开发详解做过原生iOS开发或者Android开发的同学们肯定也都了解Hybrid，有一些Hybrid的开发经验，目前我们企业开发中运用最广泛的Hybrid App技术就是原生与H5 hybrid，在早期的时候，可能部分同学也接触过PhoneGap等hybrid技术，今天我们就简单来...

B0B0 2019-08-23 11:49 评论0 收藏0