本文使用的环境是Mac OS 10.11.1、Xcode 7.2、React Native 0.17.0、CodePush 1.5.2-beta。
一、环境准备
1、安装CodePush CLI
$ npm install -g code-push-cli
2、 注册CodePush账户
$ code-push register
执行以上命令将会自动打开如下图所示的注册页面:
本文使用GitHub账户进行注册,注册成功后将会生成如下图所示相应的access token:
在终端输入刚生成的access token:
3、添加CodePush应用
$ code-push app add AGG
二、集成CodePush
1、修改package.js,添加react-native-code-push
{ "name": "AGG_V2", "version": "2.1.3", "private": true, "scripts": { "start": "node_modules/react-native/packager/packager.sh" }, "dependencies": { "react-native": "^0.17.0", "react-timer-mixin": "^0.13.2", "react-native-custom-navigation": "^0.2.1", "react-native-code-push": "^1.5.2-beta", "react-redux": "^4.0.6", "redux": "^3.0.5" } }
2、项目目录下执行npm install命令后,在node_modules目录中将会生成react-native-code-push目录
3、在node_modules/react-native-code-push目录中找到CodePush.xcodeproj,将它拖到项目的Libraries下
4、Build Phases中的Link Binary With Libraries下添加libCodePush.a和libz.tbd
5、Build Settings中的Header Search Paths下添加react-native-code-push的路径
6、找到加载JS Bundle的类,做如下修改:
(1)导入CodePush
#import "CodePush.h"
(2)将代码中的
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
替换为:
jsCodeLocation = [CodePush bundleURLForResource:@"AGG" withExtension:@"jsbundle"];
7、修改Info.plist文件,添加CodePushDeploymentKey键值对,Deployment Key可以通过以下命令进行获取:
$ code-push deployment ls AGG
8、React Native项目的入口文件,做如下修改:
(1)导入CodePush模块
import CodePush from "react-native-code-push";
(2)添加CodePush同步代码
componentDidMount() { CodePush.sync(); }
三、发布更新
1、React Native项目打包
$ react-native bundle --platform ios --entry-file index.ios.js --bundle-output AGG.jsbundle --dev false
2、发布更新
$ code-push release AGG AGG.jsbundle 2.1.3
相关推荐
react-native-code-push集成之ios篇是react-native IOS端集成codepush热更新的过程,内容丰富,过程详细,非常适合新手
react-native-code-push集成android篇主要是讲述怎么在react-native中android端集成codepush热更新,内容详细,过程丰富,很适合新手,过程一目了然
简单的用code push实现React Native 热更新的例子。具体安装步骤可以参考React http://blog.csdn.net/u011886447/article/details/78715407 -- React Native用CodePush实现热更新(一) 和 ...
React Native By Example by Richard Kho English | 24 Apr. 2017 | ASIN: B01M31KB4Q | 414 Pages | AZW3 | 4.46 MB Key Features Work on native APIs and UI Elements using React Native Get the best of both...
react-native 热更新
React and React Native_Code 源码 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
第2课2、手把手教React Native实战之从React到RN 第3课3、手把手教React Native实战之flexbox布局(RN基础) 第4讲4、手把手教React Native实战之flexbox布局(伸缩属性) 第5讲5、手把手教React Native实战之盒子模型...
mac端可视化调试react或者reactnative工具,可以调试redux应用状态
以使用CodePushReact CodePush的本机模块注意:本自述文件仅与我们插件的最新版本有关。 如果您使用的是旧版本,请切换到上的相关标签,以查看该特定版本的文档。 该插件为提供了客户端集成,使您可以轻松地向您的...
在 React Native 中利用现有的 JavaScript 和 React 知识,就可以开发和部署功能完备的、真正原生的移动应 用,并同时支持 iOS 与 Android 平台。除了框架本身的概念讲解之外,本书还讨论了如何使用第三 方库,以及...
Leverage the best of iOS and Android for React Native development while maximizing code reuse and cohesion Implement architecture patterns in your React Native application that support efficient data ...
为 React Native 带来 NFC 功能。灵感来自phonegap-nfc和react-native-ble-manager 该库最简单(也是最常见)的用例是读取NFC包含 的标签NDEF,可以通过以下代码实现: import React from 'react'; import {View, ...
react-native-code-push
react项目热部署搭建,支持无刷新提交,可以在浏览器上显示
React Native版本的ViewPager控件,自动播放,无限循环。项目地址:https://github.com/race604/react-native-viewpager 效果图:使用说明: 运行 npm 安装 react-native-viewpager --save代码如下:var ViewPager...
react-native-code-push, 为CodePush响应本机模块 针对CodePush响应本机 MODULE注意:这个自述文件只与我们的插件的最新版本相关。 如果你使用的是旧版本,请在我们的GitHub repo 上找到相关标签,以便查看该特定...
React Native Push Notifications React Native Local and Remote Notifications for iOS and Android Supported React Native Versions Component Version RN Versions README 1.0.7 = 2.1.0 >= 0.33 ...
react native 实现水波纹效果,效果非常棒哦
react native 显示本地图片