CodePush优化之减小更新包体积

最新推荐文章于 2024-07-16 02:55:54 发布
置顶 最新推荐文章于 2024-07-16 02:55:54 发布
阅读量1.3k 收藏 3
点赞数 3
CC 4.0 BY-SA版权
文章标签： react native react-native 热更新 react-native-code-push codepush 热更新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013718120/article/details/85099974
本文探讨了React Native的CodePush热更新框架在首次更新时并非完全进行差异化增量更新的问题，分析了RN图片加载流程，并提出了通过修改图片加载流程来优化初次更新的包体积，实现真正的差异化增量更新的方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。

述

还有 10 天就要迎来 2019 新年，感慨 18 年过的好快，恍恍惚惚。2018 年经历了很多，人生最重要的事情，很开心。闲余时间浏览了这一年写过的博客，9 篇相对 17 年少了很多。时间不等人，什么事还是要提前计划往前做。本来是要等新年再和大家分享新的内容，回头看看还是以整数结尾这一年，也算欣慰。

这篇博客内容是18年的最后一篇，也是关于 React Native 的最后一篇。从17年开RN专栏，到现在整整30篇。浏览访问量证实了大家对RN的认可，更多的还是对于跨平台技术的接受与热爱。怀着对RN以及跨平台技术的喜爱，今年年初在微信创建react-native技术交流群，短短的时间内就由稀疏零散变成了400多人的大家庭，这不仅仅是一个讨论组，更多的是大家技术生活的一部分。未来，共同进步。

很早之前，曾写过关于热更新的自实现解决方案 《React Native 实现热部署、差异化增量热更新》。其中详细描述了如何实现自定义热更新，以及增量更新。这种方案存在的缺点也是非常明显的，不够稳定，兼容性差等。微软出品的 <

了解本专栏 订阅专栏 解锁全文 超级会员免费看
React Native 实现热部署、差异化增量热更新
...
02-14 3万+
项目已开源到github，链接为：ReactNativeApp，欢迎大家fork，star 上一篇和大家分享了如何在Android 现有App中集成React Native。本篇博客同样是React Native中比较经典的内容：热更新部署。 Android原生App中我们实现热修复有很多种选择：Tinker、hotFix、Qzone的热更新等等。基本的思路都是大同小异的。React Nati...
codepush热更新包减小体积-图片资源优化
qq_29622139的博客
01-27 1049
场景 codepush更新包需要上传bundle+assets，当需要上传资源包体积比较大的情况下，会消耗大量用户流量且有下载失败风险，如出现紧急情况热更新下发率低下会造成极大的影响；那么如何减少更新包体积呢？ 改造方案 如使用拆包方案，大部分情况下只上传业务bundle，体积大概在50k以下，拆包方案参考RN拆包解决方案(一) bundle拆分 assets资源优化，出现大量素材资源的情况下需...
如何减少Code Push的更新包大小
tyro_smallnew的专栏
11-25 1011
1、code push的更新包逻辑   发布codepush更新的时候使用的命令行一般是这样的： code-push release YourApp ./your_jsbundle_and_imgs/ 3.0.0 --des "TEST code Push" 这个命令行上传了个3.0.0版本的目录上去，而这个目录会包含你的jsbundle和许多图片，假设当前3.0.0版本的文件如下： ...
react-native-code-push在Android上的更新流程
Joson_Chou的博客
05-15 1248
热更新 CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。 CodePush 是提供给 React Native 和 Cordova 开发者直接部署移动应用更新给用户设备的云服务。CodePush 作为一个中央仓库，开发者可以推送更新 (JS, HTML, CSS and images)，应用可以从客户端 SDK 里面查询更新。CodePush 可以让应用有更多的可确定性，也可以让你直接接触用户群。在修复一些小问题和添加新特性的时候，不需要经过二进制打
CodePush 资源更新原理及资源自动回滚的 bug 解析
满地星辰的博客
10-25 4784
1. 使用者使用如下方法调用 CodePush 的 sync 方法 RnCachePage.js import React, {Component} from 'react'; import { View, } from 'react-native'; import codePush from "react-native-code-push"; // 引入code-push //...
[ReactNative] CodePush接入流程
weixin_33978044的博客
11-08 240
CodePush 接入流程 接入流程 安装 CodePush CLI 注册 CodePush 账号 在CodePush服务器注册App 原生应用中配置 CodePush RN 代码中集成 CodePush 发布更新的版本 1.安装 CodePush CLI //全局安装 $ npm install -g code-push-cli 复制代码//验证版本 $ code-push -v 复制代码2...
Vue - 项目编译速度、性能优化、打包体积优化
iotjin的专栏
06-07 3055
在 Vue.js 项目中，可以使用 Vuex 来管理应用程序的状态，在应用程序中经常需要获取相同的数据，因此可以使用 Vuex 的缓存技术来缓存请求过的数据，在下次请求时直接从缓存中获取数据，从而减少服务器的请求次数，提高用户体验。productionSourceMap的作用在于定位问题，打包时会生成.map文件，在生产环境就可以在浏览器查看到输出的信息具体是在哪一行，但相应的包的体积也会变大，也会影响构建速度，将其设置为false则不生成.map文件。当绑定的表达式为真值时，该元素会被渲染到页面中；
编译器优化那些事儿（11）：Code Size 优化综述
最新发布
weixin_45521613的博客
07-16 915
Code Size 优化技术，又叫做代码缩减优化技术，指在代码功能不改变的前提下，对其做变换以达到减少代码体积的目的。在编译器中，DCE 通常是在代码生成之前的一个阶段，它通过分析程序的控制流图和数据流图来确定哪些代码是“死代码”，即不会被执行的代码。相比于 -Os 选项，该选项会应用更加激进的代码缩减优化技术，通常会获得更好的代码体积优化效果，但同时会使得程序性能有大幅度下降，详细描述同样可以参考：https://clang.llvm.org/docs/CommandGuide/clang.html。
React Native 项目整合 CodePush 完全指南
杏仁技术站
08-22 3637
作者 | 钱凯杏仁移动开发工程师，前嵌入式工程师，关注大前端技术新潮流。本文使用的环境：React@16.3.1React Native@0.55.4react-nati...
CodePush热更新详细接入教程
weixin_34275734的博客
05-17 1001
CodePush热更新组件详细接入教程 什么是CodePush CodePush是一个微软开发的云服务器。通过它，开发者可以直接在用户的设备上部署手机应用更新。CodePush相当于一个中心仓库，开发者可以推送当前的更新（包括JS/HTML/CSS/IMAGE等）到CoduPush，然后应用将会查询是否有更新。 接入流程 安装 CodePush CLI 注册 CodePush账号 在Code...
React Native 包体积优化实践
01-03
Android Apk大小和App性能一直是React Native Developers的主要关注点。 我们的应用程序是用React Native编写，目前Android版本的Apk Size已经达到80MB左右。 因此，想出一个不错的减小Apk Size解决方案来并提高应用程序性能是一个挑战。 在此博客中，我们将逐步介绍减小apk大小以及性能提高和应用程序启动时间减少的步骤。 一、JSBundle 及 Asset 随着0.59的发布，同时发布了新版本的JSC，新版0.59的最大优势在于，可以为64位架构生成APK。但是，随之带来的问题是包体积的增加，目前RN团队也正在努力从React Na
code-push-server的私有化部署
流星雨的博客
09-18 5887
一、开启关闭code-push-server 开启code-push-server服务器：cd到code-push-server目录下，使用命令./bin/www开启服务器，或者直接点击该文件（充分条件是要打开MySQL服务器） 关闭code-push-server服务器：直接close 服务器的终端即可 二、code-push-server的搭建 安装MySQL服务器 mysql是co...
Android & iOS 接入私有code-push server
qq_44041897的博客
03-10 945
Code Push是微软提供的一套可以热更新React Native的服务。可以使用微软的服务器也可以自己部署服务器。 安卓： 1、安装codepush： npm install -g code-push-cli // 我们现在只能用2.1.9版本的code-push-cli,否则后面登录http://codepush.haxibiao.com/会报错 npm install -g code-push-[email protected] 2、登录codepush： 我们已经注册过了codepush账户了，所以省略了注册这一
code push部署_使用微软code push和私有化部署code-push-server的过程
weixin_39664585的博客
12-22 1097
整个过程分为四个部分一：本地安装CodePush客户端二：部署code-push-server服务器(如果使用微软可以略过)三：客户端Android或者iOS项目集成CodePush SDK四：使用CodePush进行热更新一：安装 CodePush CLI客户端不管是使用微软的code push服务器还是部署自己的服务器，都要要安装CodePush客户端1.在本地终端(因为后面需要给自己项目打包...
code-push-server 搭建自己的推送服务器流程
每天进步一点点……
12-27 3002
github地址： https://github.com/lisong/code-push-server   一，server端配置流程 1, 安装和启动code-push-server $ git clone https://github.com/lisong/code-push-server.git $ cd code-push-server $ npm install   ...
React-native 热更新(1) 脚本与图片更新+图片加载源码分析 android部分
guduyishuai的博客
02-08 3181
 react-native热更新分两个方面，脚本更新和图片更新，我们将在图片更新的地方分析一下图片加载的源码：1、脚本更新。  a、通过bundle文件更新  bundle文件   bundle文件包含了当前所有脚本中的信息，一开始建项目的时候，在asset中会有一个index.android.bundle文件。之后  每次更新的时候，我们需要通过以下命令生成bundle...
＜ 前端性能优化: 资源加载优化 ＞
一个平平无奇的技术宅
04-19 1244
众所周知，前端是由HTML、CSS、JS等文件资源共同作用下渲染构建出来的。现今前端项目，大多为单页面应用，单页面应用的优点非常多（点击跳转 SPA单页面讲解），但是也并非没有缺点。由于单页面的原因，项目所需资源都需要在初次加载首屏时被加载，这就造成了首屏加载性能受到影响！对于首屏性能优化，就衍生出了相关需要思考的问题。如何将首屏加载的资源，分段将需要的资源及时加载出来，避免页面内容不显示的同时，又能避免加载多余并非立刻需要使用的资源呢？
React Native 实现热更新方案CodePush过程中遇到的问题 ( 搭建自己的CodePush服务器 )
嘎啦嘎啦
12-05 2488
前言 CodePush官方: https://github.com/Microsoft/react-native-code-push 自搭建CodePushServer: https://github.com/lisong/code-push-server 参考文章: https://www.jianshu.com/p/417a165ca9d7 https://github.com/crazyco...
react native 使用code-push热更新代码遇到的问题
weixin_34202952的博客
03-31 303
2019独角兽企业重金招聘Python工程师标准>>> ...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Songlcy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值