reactnative

ReactNative App更新下载(Android+iOS)

2019-12-19  本文已影响0人  会飞的鱼儿_0012

APP涉及到版本更新(非热更新),版本检测下载App,Android和iOS实现方式不同

1.Android直接和服务器上版本号作对比下载APK进行安装
2.iOS由于需要到AppStore进行下载应用,所以应用需要和AppStore上应用做版本对比后跳转到AppStore进行App更新


--Android

1.使用插件 rn-fetch-blob

 npm install --save rn-fetch-blob //安装插件

RN0.60版本以下需要link

 react-native link rn-fetch-blob  //0.60+自动link

RN0.60+

cd ios
pod install   //ios使用pod安装

2.功能实现

代码如下:

/***
  Android6.0+获取文件权限
*/
crequestMultiplePermission = async () => {
    try {
      const permissions = [
        PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
      ];
      const granteds = await PermissionsAndroid.requestMultiple(permissions);
      if (granteds['android.permission.WRITE_EXTERNAL_STORAGE'] === 'granted') {
        this.storage = true;
      } else {
        this.storage = false;
      }
      if (this.storage) return;
    } catch (err) {
      console.log(err);
    }
  };

/**
检测更新下载APP
*/

import RNFetchBlob from 'rn-fetch-blob';

Update = () => {
  const android = RNFetchBlob.android;

  //配置手机系统通知栏下载文件通知,下载成功后点击通知可运行apk文件
  RNFetchBlob.config({
    addAndroidDownloads: {
      useDownloadManager: true,
      title: 'update app',
      description: 'An APK that will be installed',
      mime: 'application/vnd.android.package-archive',
      path: `${RNFetchBlob.fs.dirs.DownloadDir}/update.apk`,
      mediaScannable: true,
      notification: true
    }
  }).fetch(
    'GET',
    'http://gdown.baidu.com/data/wisegame/9fdb4b60017e5bf9/baidushoujizhushou_16798097.apk' //apk下载地址
  ).then(res => {
    //下载成功后自动打开安装已下载apk文件
    android.actionViewIntent(
      res.path(),
      'application/vnd.android.package-archive'
    );
  });
}

--iOS

import { NativeModules } from "react-native";
 NativeModules.upgrade.upgrade("123456", msg => {
    if (msg === "YES") {
        // 跳转到APP Stroe
        NativeModules.upgrade.openAPPStore("123456")  //数字为对应的AppStore引用的ID
      } else {
       // TODO: 无更新
        callback && callback();
      }
}

项目地址:github
上一篇下一篇

猜你喜欢

热点阅读