Skip to content

ReactNative App 版本升级封装 ,支持 Android 、iOS

Notifications You must be signed in to change notification settings

yuezonglun/react-native-app-upgrade

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 

Repository files navigation

React Native App 版本升级封装库,兼容Android 4.4+、5.+、6.+、7.+、8.+版本

Android:

(1)版本检测
(2)版本下载
(3)进度提示
(4)下载完成后安装

iOS

(1)版本检测
(2)跳转App Store

一、配置

【 Android 平台 】

  1. 将【 android_upgrade 】包拷贝到你的Android项目包名目录下(app/src/main/com.xxx)
  2. 在 app / src / main / res /目录下创建名称为【 xml 】资源文件夹,并创建名称为【 update_file_provider 】名称的xml文件,在文件中添加如下代码:
    <paths>
        <!--升级-->
        <external-cache-path
            name="update_external_cache"
            path="." />

        <cache-path
            name="update_cache"
            path="." />
    </paths>
  1. 在AndroidMainfest.xml文件下添加权限和服务配置
    <uses-permission android:name="android.permission.INTERNET" />
    <!--8.0安装需要的权限-->
    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>   
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <application
      android:name=".MainApplication"
      android:allowBackup="true"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:theme="@style/AppTheme">
      
        // 添加fileProvider配置代码
        <provider
            android:name=".android_upgrade.FileProviderAdapter"
            android:authorities="${applicationId}.updateFileProvider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/update_file_provider" />
        </provider>
     
        // 添加Service代码
        <service
            android:name=".android_upgrade.DownloadService"
            android:exported="true" />
            
            // 省略其他代码... 
    </application>

4.打开android/app/build.gradle文件,修改 compileSdkVersion 26 buildToolsVersion "26.0.3",版本指定为26以上即可。如下:

android {

    compileSdkVersion 26
    buildToolsVersion "26.0.3"

    defaultConfig {
      ...
        
    }
    splits {
        ...
    }
    buildTypes {
       ...
    }
    
}

5.在你的工程目录中,打开android/app/src/main/res/values/strings.xml文件,添加如下代码:

    <string name="android_auto_update_download_progress">正在下载:%1$d%%</string>

6.在MainApplication.java文件下的getPackages方法中添加如下代码:[首先要将UpgradePackage导入]

    import 项目工程包名.UpgradePackage;
    new UpgradePackage()

7.将所有源文件中最顶部 【改成自己的包名】.android_upgrade;将【改成自己的包名】替换为自己的包名。例如:com.react

【 iOS 平台 】

打开Xcode, 将【 ios_upgrade 】拷贝到项目目录下即可。

二、使用

首先导入NativeModules模块:

import {
  NativeModules
} from 'react-native';

【 Android 】

Http.get(Api.api_checkupdate, null, false, (result)=>{  
    if(result.ok) {  
        // 下载最新Apk  
        NativeModules.upgrade.upgrade(this.state.apkUrl);  
    }  
});  

如果需要接收下载进度,可通过如下方式:

    componentWillMount(){
        DeviceEventEmitter.addListener('LOAD_PROGRESS',(msg)=>{
            let title = "当前下载进度:" + msg 
            ToastAndroid.show(title, ToastAndroid.SHORT);  
        }); 
    } 

【 iOS 】

NativeModules.upgrade.upgrade('Apple ID',(msg) =>{  
    if('YES' == msg) {  
       //跳转到APP Stroe  
       NativeModules.upgrade.openAPPStore('Apple ID');  
    } else {  
        Toast.show('当前为最新版本');  
    }  
})  

About

ReactNative App 版本升级封装 ,支持 Android 、iOS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 79.4%
  • Objective-C 20.6%