Code Monkey home page Code Monkey logo

react-native-app-upgrade's Introduction

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('当前为最新版本');  
    }  
})  

react-native-app-upgrade's People

Contributors

songxiaoliang avatar puti94 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.