1、解决Loading JS bundle from (null)问题
今天在新项目上集成codepush,按照教程iOS端集成代码如下:
#ifdef DEBUG
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
#else
jsCodeLocation = [CodePush bundleURL];
#endif
运行后发现jsCodeLocation为nil,随后App crash,日志提示 Loading JS bundle from (null)
- 原因及解决办法
检查代码和查看文档后发现,我们的App的bundle包时,是放到一个子目录(bundles)中的, 所以codepush获取bundle包时需指定子目录,如下:
#ifdef DEBUG
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
#else
jsCodeLocation = [CodePush bundleURLForResource:@"main" withExtension:@"jsbundle" subdirectory:@"bundles"];
#endif
2、热更新包更新成功后第一次加载正常,第二次打开App时bundle包被回滚为更新前的包
报错信息:An update is available, but it is being ignored due to having been previously rolled back
查看react-native-code-push源码后发现,正常情况下加载一个新包成功后要调用notifyApplicationReady去清空缓存记录。
- 解决办法一:
如果是入口处每次都调用了CodePush.sync则不会有问题,因为CodePush.sync函数中会调用notifyApplicationReady函数。 - 解决办法二:
根页面加载完成后调用CodePush.notifyAppReady函数,告知它已经加载成功了,可以清空记录了。
如:
componentDidMount() {
CodePush.notifyAppReady();
}
3、App不能热更新,或只能热更新第一次,第一次更新成功后,就不能更新新的热更新包了
这个问题其实是ng缓存引起的,我们使用了lisong/code-push-server 的开源代码自己搭建了热更新服务,运维人员在配置ng时没考虑实际场景,默认加了缓存策略,如下:
add_header Cache-Control max-age=36000
导致get请求被缓存了10个小时,CodePush.checkForUpdate是用的get请求,且参数中没加时间戳或随机数,所以如果服务器上还没有这个版本的热更新包时就调用了CodePush.checkForUpdate去做检查,这时这个请求就会被缓存起来直到失效,如果在缓存失效前我们上传了新的热更新包,这时是检查不出有热更新的。
- 解决办法:
1、如果觉得还是需要缓存来减轻服务器压力,可以根据热更新版本发布节奏来设置缓存失效时间
2、如果担心缓存影响,可以直接删除掉此ng配置
ps.测试环境建议删掉此配置,以免测试人员来找你麻烦😏
持续更新......