- 综合排序
- 最热优先
- 最新优先
- 来自专栏一个前端开发工程师的成长之路
react-native热更新
前言 最新做了app的业务, 由于之前没有做过热更新导致每次更新都要去更新app, 特别麻烦. 所以花了点时间, 接入了热更新的功能。 我选择的是react-native-code-push的npm包。 接入与安装 首先进行安装 npm || yarn react-native link react-native-code-push 接入时选择跟自己的react-native匹配的react-native-code-push react-native-code-push接入 全局安装cli npm || yarn install -g code-push-cli 注册账号 code-push register 登录 code-push react-native bundle --platform ios --entry-file index.ios.js --bundle-output .
1.3K30编辑于 2021-12-29 - 来自专栏码生
react native 增量升级 热更新 思路
react native 增量升级 热更新 思路 request { "version": "1", "miniId": "miniid" } version 本地版本号 miniId 小程序 fullupdate": false, "patch": { "path": "http://192.168.29.81:8000/files/ReactNative/react_native false }, "version": 5, "path": "http://192.168.29.81:8000/files/ReactNative/react_native ，如果为 true 则 patch 则不起作用 标识是否整包升级，此字段为 true 时，全量升级，下载字段 path 下文件全量升级 forceUpdate: 是否强制更新，标识是否使用本地缓存版本 此方法更新所有图片资源 解压 zip 后，文件夹下如果存在文件 patch 文件（只有更改了代码，才有 patch 文件） 将 patch 文件内容（差量）应用到本地文件 index.jsbundle
2.1K30发布于 2018-11-21 - 来自专栏向治洪
React Native热更新方案
而就在前不久，苹果严禁WaxPatch、JSPatch等热修复框架，不过庆幸的是采用Js热更新的React Native似乎并可没有收到多大影响。 热更新作为React Native的优势之一，相信很多人在选择使用React Native来开发应用，也是因为React Native具有的热更新特性。 在热更新方案中，比较出名的有微软的 CodePush，React Native中文网的pushy，在调研的初期，我们参考了携程的jsbundle 拆分和加载优化方案，但这个方案需要改变 React Native 热更新原理 React Native的热更新并不像原生应用更新那么复杂，React Native的热更新更像原生App的版本更新。 使用React Native进行热更新，就涉及到了jsbundle的拆分和加载原理。
10.7K70发布于 2018-02-06 - 来自专栏无所事事者爱嘲笑
react-native 热更新react-native-pushy集成遇到的问题
local.properties文件里加入 ndk.dir=~/Library/Android/android-ndk-r10e //这里改成你自己的ndk路径 cxxbridge找不到 在node_modules/react-native-update /android/src/main/java/cn/reactnative/modules/update/UpdateModule.java里： import com.facebook.react.cxxbridge.JSBundleLoader //这行改为import com.facebook.react.bridge.JSBundleLoader 这个错误在我写这篇的时候作者已经修改了，暂时还没传到npm上，估计后面版本就没有这个错误了。
1.9K50发布于 2018-06-20 - 来自专栏正则
React-Native私服热更新的集成与使用
而大部分的应用框架（如 React-Native）和游戏引擎（比如 Unity ，Cocos2d-x，白鹭引擎等）都属于后者，所以不在被警告范围内。 苹果为什么要禁止 JSPatch 等热更新技术？ 1.2 客户端热更新的方案 目前针对react native 热更新的方案比较成熟的选择有 React Native 中文网的 Pushy、微软的 CodePush 和用来搭建私服的 code-push-server 集成热更新 3.1 大致流程与所需工具 流程图： 由于我是在开发一个实验性项目，所以工程化不完善，借用的网友公司的热更新大致流程，如有不妥，麻烦评论一下，我删除~ 环境 React-Native： '0.64.2' 工具： react-native-cli：react-native命令行工具，安装后可以在终端使用 react-native 命令。 监控和报警系统(大面积更新失败等严重问题) 参考链接 如何看待苹果禁止 JSPatch 等 iOS APP 热更新方案？ React Native使用Code Push热更新完整解决方案
9.8K10发布于 2021-11-02 - 来自专栏贾鹏辉的技术专栏@CrazyCodeBoy
React Native应用部署热更新-CodePush最新集成总结(新)
React Native应用部署/热更新-CodePush最新集成总结(新) ---- 更新说明： 此次博文更新适配了最新版的CodePush v1.17.0；添加了iOS的集成方式与调试技巧；添加了更为简洁的 本文将向大家分享React Natvie应用部署/动态更新方面的内容。 React Native支持大家用React Native技术开发APP，并打包生成一个APP。 好在微软开发了CodePush，填补React Native 应用在动态更新方面的空白。CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。 下面将向大家分享如何使用CodePush实时更新你的应用，后期会分享不采用CodePush，如何自己去实现React Native应用热更新。 CodePush简介 CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。
4.1K60发布于 2018-05-07 - 来自专栏正则
React-Native热更新 - 3分钟教你实现
此文使用当前最新版本的`RN`与`Code-Push`进行演示，其中的参数不会过多进行详细解释，更多参数解释可参考其它文章，这里只保证APP能正常进行热更新操作，方便快速入门，跟着大猪一起来快活吧。 创建`React-Native`项目 ``` react-native init dounineApp ``` 2. 在项目根目录添加`react-native-code-push` ``` npm install react-native-code-push --save #或者 yarn add react-native-code-push react-native-code-push has been successfully linked rnpm-install info Linking react-native-code-push 在`react-native`的`App.js`文件添加自动更新代码 ``` import codePush from "react-native-code-push"; const codePushOptions
1.3K20编辑于 2022-01-08 React Native 热更新架构演进：主流方案核心逻辑与选型建议
理解两层职责与边界是评估热更新适用范围与限制的前提——任何涉及原生接口或安全策略的改动仍需遵循商店发布流程，而纯JS逻辑则可借助热更新实现分钟级修复与验证。 因此，在设计更新策略前，应先梳理代码中哪些部分属于原生层不可更改范畴，哪些属于业务层可热替换对象，从而在保障安全的同时最大化利用热更新带来的敏捷优势。 二、核心原理—运行机制拆解典型热更新流程可分解为六个顺序步骤：①应用启动并初始化热更新SDK；②客户端向服务端请求最新版本的元数据，包括版本号、灰度规则、补丁下载地址及签名信息；③本地比对当前版本与远端版本号 十一、常见问题解答Q1：热更新能否替代应用商店发版？A：不能。热更新只能替换JSBundle，涉及原生代码、资源文件或配置需走商店审核。Q2：Shiply与CodePush的主要差异是什么？ Q3：如何确保热更新不会引发线上崩溃？A：通过多维度灰度放量、实时指标监控与自动回滚策略，结合充分版本兼容性测试可降低风险。Q4：自研热更新方案值得投入吗？
13310编辑于 2026-04-14- 来自专栏BIT泽清
React Native应用部署马甲包热更新-CodePush最新集成总结(2018年最新)
本文将向大家分享React Natvie应用部署/动态更新方面的内容。 React Native支持大家用React Native技术开发APP，并打包生成一个APP。 好在微软开发了CodePush，填补React Native 应用在动态更新方面的空白。CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。 下面将向大家分享如何使用CodePush实时更新你的应用，后期会分享不采用CodePush，如何自己去实现React Native应用热更新。 CodePush简介 CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。 这就是CodePush用于热更新的整个过程。
3.6K00发布于 2018-10-20 - 来自专栏贺贺的前端工程师之路
React Native APP 添加自动更新
QQ20170630-175730@2x.png 注册app成功之后会生成两个key值 staging是开发 production是正式的 staging代表开发版的热更新部署，production 代表生产版的热更新部署。 image.png 在React Native项目中集成react-native-code-push。 继承的步骤特别简单。 可以按照react-native-code-push中的教程来做，基本上就3步骤： npm install --save react-native-code-push （引入包） react-native 发布React Native app更新： code-push release-react <appName> <platform> 参考： code-push react-native-code-push
2.5K10发布于 2018-08-21 - 来自专栏星流全栈
Meteor React Native 项目模板更新啦！
之前Spencer Carli曾发布了Meteor+React Native的项目模板，这个模板发布已经有3个多月了，并且有一些过时。 现在react-native-meteor有以下特征： react-native-meteor 作为npm扩展 更好的初始设计 跨平台的tabs 专门的路由 专门的文件结构 ? 项目地址：https://github.com/inProgress-team/react-native-meteor
1.2K30发布于 2018-06-01 - 来自专栏全栈前端精选
使用webpack实现react的热更新
单独把热更新拿出来，是因为它的配置稍微比较繁琐。网上也各说风云，这里就上个demo，说下个人的实现吧 前言 项目结构大致如下： ? 因为涉及到是热更新，所以当然是在我们的 webpack.dev.js 文件下操作。 webpack的常规配置这里不再赘述。 热更新 热更新，就是让我们更改完源码后，不需要再浏览器上手动刷新即可看到效果。 热更新保留组件状态 之前的我们只需要安装 babel-preset-react-hmre ,然后配置 .babelrc 文件就可以完美解决了。但是目前这个插件已经放弃维护了。 ', 'react-dom', 'react-router-dom'] }, 修改index.js文件 import {AppContainer} from 'react-hot-loader'
3.4K20发布于 2019-09-29 - 来自专栏木子墨的前端日常
React-Native开发笔记 持续更新
1、css单位转换px2dp 在做页面开发的时候习惯了用rem去做css单位，处理各种尺寸数据，到了React-Native里面做app开发时，rem就不好用了,这个时候就需要转换成另外一个单位，基本原理和 rem转换差不多，如下 'use strict'; import { Dimensions } from 'react-native'; const deviceH = Dimensions.get
1.2K40发布于 2018-12-10 - 来自专栏向治洪
android 添加React Native支持更新版
前言 之前已经写过了有关React Native移植原生Android项目的文章，不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题，对于初学者来讲还是会有很多疑难的困惑的，这里针对最新的版本做一个新的讲解 ": "^15.4.2", "react-native": "^0.40.0" } } ? 添加react-native npm依赖，在命令行输入： npm install react react-native --save 创建index.android.js文件，也可以从之前的项目中拷贝。 import React from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native' compile "com.facebook.react:react-native:+" ? 在你project的build.gradle文件中添加react native路径。
1.5K80发布于 2018-02-06 - 来自专栏移动开发之家
2022 年 React Native 的全新架构更新
image 直到目前为止，React Native 的版本号是 0.67 ；我看了眼两年没更新的 GSYGithubApp ，用的 React Native 的版本号是 0.61 ，两年里从 61 升级到了 Skia 另外还要介绍的内容就是 react-native-skia ，目前它还处于 alpha release 的阶段，但是它也给 RN 带来的新的可能。 react-native-skia 需要 react-native@>=0.66 的支持，而目前它上面的操作都还是十分原始的 canvas 行为，例如通过 Circle 绘制圆形，通过 blendMode 如下图所示，是关于使用 react-native-skia 实现的一段 Demo ，详细可见： https://shopify.github.io/react-native-skia/ image 可以预见目前的 react-native-skia 还有不少问题需要解决，但是它让 RN 可以更高效地使用丰富的 Canvas 能力，对于 RN 的未来而言不免是一次不错的尝试。
2.6K20编辑于 2022-03-04 - 来自专栏木子墨的前端日常
react-native-storage 使用笔记 持续更新
React-native-storage是在AsyncStorage之上封装的一个缓存操作插件库，刚开始接触这个也遇到了一些问题，在这里简单记录总结一下，碰到了就记下来，持续更新吧 1、安卓下storage ) => { console.log('历史数据存在的时候到这里：', logs) }).catch((err) => { console.log('历史数据为空的时候到这里') }); 3、React-native-storage 存储格式 React-native-storage本身是key-value形式存储，但使用AsyncStorage时不同于localStorage的是，这里存储的value可以直接存储对象格式的。
1.7K20发布于 2018-12-13 - 来自专栏向治洪
高仿京东Android App，集成React-Native热更
项目代码整洁规范，结构清晰，使用Android最新的开发思想和技术，同时集成React-Native跨平台，主要是为了实验热更功能，涉及到的技术有如下一些： 使用kotlin语言开发，项目使用模块化开发 retrofit2 + okhttp3方式，进行了高度的封装； leakcanary 内存泄漏检测 基于MVI架构airbnb的Mavericks 本地mock alibaba ARouter 集成RN热更功能
87840编辑于 2022-07-30 - 来自专栏小游戏开发
「Native+小程序」，App热更新技术最优解
市面上App热更新技术方案可归纳为两大类：纯原生（Native）的，以及Hybird（混合开发）模式下的技术方案。 因此，我们在本文中重点探讨一下混合式App开发模式下的热更新方案。 混合App开发模式之「Native+小程序」 在微信把小程序带火之前，H5在微信中“漫山遍野”。 +小程序」的App热更新技术方案 「Native+H5」的App，其热更新的机制大致是：把需要频繁发版的业务应用H5化，并内嵌至 App 中。 当含有页面链接的App版本过审以后，这些H5 页面可以随时远程热更新，用户在不更新App版本的基础上，就能使用最新版的业务应用。 那么「Native+小程序」的App，其热更新方案好在哪里呢？ 其好处并不在于热更新本身，而是在于「Native+小程序」给企业技术和业务的价值更优，所发挥的作用更大。
55920编辑于 2023-03-01 - 来自专栏小游戏开发
「Native+小程序」，App热更新技术最优解
App热更新技术方案市面上App热更新技术方案可归纳为两大类：纯原生（Native）的，以及Hybird（混合开发）模式下的技术方案。 因此，我们在本文中重点探讨一下混合式App开发模式下的热更新方案。混合App开发模式之「Native+小程序」介绍混合App的热更新方案前，还得先介绍一下混合App开发模式都有哪些。 小程序」的App热更新技术方案「Native+H5」的App，其热更新的机制大致是：把需要频繁发版的业务应用H5化，并内嵌至 App 中。 当含有页面链接的App版本过审以后，这些H5 页面可以随时远程热更新，用户在不更新App版本的基础上，就能使用最新版的业务应用。那么「Native+小程序」的App，其热更新方案好在哪里呢？ 其好处并不在于热更新本身，而是在于「Native+小程序」给企业技术和业务的价值更优，所发挥的作用更大。
65000编辑于 2022-12-14 - 来自专栏sofu456
react native
本文链接：https://blog.csdn.net/daoer_sofu/article/details/102944767 创建项目 npm install -g yarn react-native-cli 安装android sdk 配置android_home 添加platform-tools目录到path 创建项目react-native init 项目名称 项目初始化失败，配置如下 npm config 访问地址： http://localhost:8081/debugger-ui/ 或者 使用vscode、react native插件更方便的调试方式 修改源码 node_modules/react-native 目录下面 ReactAndroid/src/main/java/com/facebook/react/views/modal/可以修改编译的目标控件 混合模式 与原生的java代码混合 自定义原生控件
2.5K10发布于 2019-12-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号