React Native 自动更新器 - react-native-auto-updater 教程

最新推荐文章于 2024-09-27 07:16:26 发布

郑悦莲

最新推荐文章于 2024-09-27 07:16:26 发布

阅读量444

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00978/article/details/142583298

版权

React Native 自动更新器 - react-native-auto-updater 教程

react-native-auto-updater 项目地址: https://gitcode.com/gh_mirrors/rea/react-native-auto-updater

项目介绍

react-native-auto-updater 是一个用于管理动态更新的 React Native 库，适用于iOS和Android平台。这个库由AeroFS在他们的感恩节黑客马拉松期间开发，旨在绕过苹果App Store和Google Play的慢速审核过程，加速应用迭代速度。它允许开发者通过网络推送React Native应用的JavaScript代码包更新，遵守了Apple和Google的政策要求，保证应用的核心功能不被外部脚本改变。

核心特性：

支持按需下载JS束（jsbundle），减少初始加载时间。
提供版本控制，确保仅兼容的应用版本接收更新。
可配置是否在应用内提示更新以及更新策略。

快速启动

安装步骤

对于iOS:

使用npm安装库：

npm install react-native-auto-updater --save

集成到Xcode项目中:
- 在Xcode的“Project navigator”中右击“Libraries”文件夹，选择“Add Files to 'Your Project Name'”，并导航至node_modules/react-native-auto-updater/iOS，选择ReactNativeAutoUpdater.xcodeproj。
- 确保在项目根目录的General选项卡下的“Linked Frameworks and Libraries”添加libReactNativeAutoUpdater.a。
- 在Build Settings下搜索Header Search Paths，添加$(SRCROOT)/../node_modules/react-native-auto-updater并设为递归。

对于Android:

在android/settings.gradle添加项目依赖：

include ':ReactNativeAutoUpdater', ':app'
project(':ReactNativeAutoUpdater').projectDir = new File(rootProject.projectDir,  '../node_modules/react-native-auto-updater/android')

在android/app/build.gradle增加编译依赖：
```
dependencies {
    // ...其他依赖
    compile project(':ReactNativeAutoUpdater')
}
```
并配置排除特定元数据文件以避免冲突。

初始化与基本使用

在iOS的AppDelegate.m中集成示例代码:

#import <React/RCTBridge.h>
#import "ReactNativeAutoUpdater.h"

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    NSURL *defaultJSCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
    ReactNativeAutoUpdater *updater = [ReactNativeAutoUpdater sharedInstance];
    [updater setDelegate:self];
    NSURL *defaultMetadataFileLocation = [[NSBundle mainBundle] URLForResource:@"metadata" withExtension:@"json"];
    [updater initializeWithUpdateMetadataUrl:[NSURL URLWithString:@"你的元数据URL"] defaultJSCodeLocation:defaultJSCodeLocation defaultMetadataFileLocation:defaultMetadataFileLocation];
    [updater setHostnameForRelativeDownloadURLs:@"你的基础URL"];
    [updater checkUpdate];

    // 初始化React Native桥接与视图
    // ...
    
    return YES;
}

记得实现代理方法来处理更新逻辑。