您现在的位置是：首页 > 前端 > Flutter Flutter

flutter-35(检测应用版本号、服务器下载文件以及实现 App自动升级、安装)

2020-05-01【Flutter】2593人已围观

简介## 1 、Android App 升级执行流程 1. 获取本地版本号 2. 请求服务器获取服务器版本号 3. 本地版本和服务器版本不一致提示升级，弹窗提示用户是否更新 4. 用户确定升级，调用文件传输方法下载 apk 文件 5. 监听下载进度 6. 下载完成打开 Apk 进行安装注意：在 Ios 中没法直接下载安装，如果版本不一致直接跳转到 Ios 应用对应的应用市场就可以了。 **配置版本号：`AndroidManifest.xml`** ``` ```

## 1 、Android App  升级执行流程

1. 获取本地版本号
2. 请求服务器获取服务器版本号
3. 本地版本和服务器版本不一致提示升级，弹窗提示用户是否更新
4. 用户确定升级，调用文件传输方法下载 apk 文件
5. 监听下载进度
6. 下载完成打开 Apk 进行安装
注意：在 Ios 中没法直接下载安装，如果版本不一致直接跳转到 Ios 应用对应的应用市场就可以了。

**配置版本号：`AndroidManifest.xml`**

```
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1"
package="io.jdshop.demo" xmlns:android="http://schemas.android.com/apk/res/android">
```

## 2 、 升级 app 之前的准备工作配置权限

**配置 `AndroidMenifest.xml`  文件**

```

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
```

## 3 、Android  升级 app  涉及的 API  库

插件名称 | 描述 | 插件地址
---|---|---
package_info | 检测版本号 | https://pub.dev/packages/package_info
path_provider | 获取文件存储路径 | https://pub.dev/packages/path_provider
flutter_downloader | flutter_downloader | https://pub.dev/packages/flutter_downloader
open_file | 打开文件插件 | https://pub.dev/packages/open_file
ota_update | 下载更新 | https://pub.dev/packages/ota_update

## 4 、 获取版本信息

文档地址： [https://pub.dev/packages/package_info](https://pub.dev/packages/package_info)

```
PackageInfo packageInfo = await PackageInfo.fromPlatform();
String appName = packageInfo.appName;
String packageName = packageInfo.packageName;
String version = packageInfo.version;
String buildNumber = packageInfo.buildNumber;

print("appName:${appName}");
print("packageName:${packageName}");
print("version:${version}");
print("buildNumber:${buildNumber}");
```

## 5 、获取文件存储路径

文档地址： [https://pub.dev/packages/path_provider](https://pub.dev/packages/path_provider)

```
Directory tempDir = await getTemporaryDirectory();
String tempPath = tempDir.path;
Directory appDocDir = await getApplicationDocumentsDirectory();
String appDocPath = appDocDir.path;
var directory = await getExternalStorageDirectory();
String storageDirectory=directory.path;
print("tempPath:${tempPath}");
print("appDocDir:${appDocPath}");
print("StorageDirectory:${storageDirectory}");
```

## 6-1 、 下载文件

文档地址： [https://pub.dev/packages/flutter_downloader](https://pub.dev/packages/flutter_downloader)

```
final directory = await getExternalStorageDirectory();
String _localPath = directory.path;
final taskId = await FlutterDownloader.enqueue(
    url: "http://www.ionic.wang/jdshop.apk",
    savedDir: _localPath,
    showNotification: true, // show download progress in status bar (for Android)
    openFileFromNotification: true, // click on notification to open downloaded file (for Android)
);
```

## 6-2 、 下载文件

文档地址： [https://pub.dev/packages/ota_updat](https://pub.dev/packages/ota_updat)

**Android**

在 `<application>` 节点内部的 `AndroidManifest.xml` 中添加以下提供程序引用。

```
<provider
    android:name="sk.fourq.otaupdate.OtaUpdateFileProvider"
    android:authorities="${applicationId}.ota_update_provider"
    android:exported="false"
    android:grantUriPermissions="true">
    <meta-data
        android:name="android.support.FILE_PROVIDER_PATHS"
        android:resource="@xml/filepaths" />
</provider>
```

此外，创建 `android/src/main/res/xml/filepaths.xml` 具有以下内容的文件。这将允许插件访问下载文件夹以开始更新。

```
<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">
    <external-path name="external_download" path="Download"/>
</paths>
```

```
_down2(){
  try {
    //LINK CONTAINS APK OF FLUTTER HELLO WORLD FROM FLUTTER SDK EXAMPLES
    OtaUpdate()
        .execute('https://internal1.4q.sk/flutter_hello_world.apk', destinationFilename: 'flutter_hello_world.apk')
        .listen(
          (OtaEvent event) {
        setState(() => currentEvent = event);
        print(event.status);
        print(event.value);
      },
    );
  } catch (e) {
    print('Failed to make OTA update. Details: $e');
  }
}
```

## 7 、 打开文件

文档地址： [https://pub.dev/packages/open_file](https://pub.dev/packages/open_file)

```
OpenFile.open("${_localPath}/jdshop.apk");
```

## 8 、 注意事项

1. 服务器的 App 版本必须大于本地 App 版本
2. 本地 App 和服务器 App 的包名称 签名必须一致，这样的话服务器的包才可以替换本地
的包。

> dart

```
import 'package:flutter/material.dart';
import 'package:package_info/package_info.dart';
import 'package:path_provider/path_provider.dart';
import 'dart:io';
import 'package:open_file/open_file.dart';
import 'package:flutter_downloader/flutter_downloader.dart';

import 'package:ota_update/ota_update.dart';

class VersionPage extends StatefulWidget {
  VersionPage({Key key}) : super(key: key);
  _VersionPageState createState() => _VersionPageState();
}

class _VersionPageState extends State<VersionPage> {
  OtaEvent currentEvent;
  // 版本信息
  PackageInfo _packageInfo = PackageInfo(
    appName: 'Unknown',
    packageName: 'Unknown',
    version: 'Unknown',
    buildNumber: 'Unknown',
  );

@override
  void initState() {
    super.initState();
    _initPackageInfo();
  }

// 获取当前版本信息
  Future<void> _initPackageInfo() async {
    final PackageInfo info = await PackageInfo.fromPlatform();
    setState(() {
      _packageInfo = info;
    });
  }

//弹出Dialog
  _showDialog() async{
    var alertRel=await showDialog(
        context: context,
        builder: (context){
          return AlertDialog(
            title: Text("更新APP提示!"),
            content: Text("发现新的版本，新版本修复了如下bug 是否更新!"),
            actions: <Widget>[
              FlatButton(
                child: Text("否"),
                onPressed: (){
                  Navigator.pop(context,'Cancle');
                },
              ),
              FlatButton(
                child: Text("是"),
                onPressed: (){
                  Navigator.pop(context,'Ok');
//                  _getAppPath();
//                  _downLoad();
                  _down2();
                },
              )
            ],
          );
        }
    );
  }

//获取路径
  _getAppPath() async{
    Directory tempDir = await getTemporaryDirectory();
    String tempPath = tempDir.path;

Directory appDocDir = await getApplicationDocumentsDirectory();
    String appDocPath = appDocDir.path;

var directory = await getExternalStorageDirectory();

String storageDirectory=directory.path;

print("tempPath:${tempPath}");

print("appDocDir:${appDocPath}");

print("StorageDirectory:${storageDirectory}");
  }

//下载打开文件
  _downLoad()async {
    print('开始下载');
    final directory = await getExternalStorageDirectory();
    String _localPath = directory.path;
    final taskId = await FlutterDownloader.enqueue(
      url: "http://www.ionic.wang/jdshop.apk",
      savedDir: _localPath,
      showNotification:
      true, // 在状态栏中显示下载进度(适用于Android)
      openFileFromNotification:
      true, // 点击通知打开下载文件(适用于Android)
    );
    FlutterDownloader.registerCallback((id, status, progress) {
      print(status);
      // code to update your UI
      print('1111111');
      print(progress);
    });
    //打开文件
    OpenFile.open("${_localPath}/jdshop.apk");
  }

_down2(){
    try {
      //LINK CONTAINS APK OF FLUTTER HELLO WORLD FROM FLUTTER SDK EXAMPLES
      OtaUpdate()
          .execute('https://internal1.4q.sk/flutter_hello_world.apk', destinationFilename: 'flutter_hello_world.apk')
          .listen(
            (OtaEvent event) {
          setState(() => currentEvent = event);
          print(event.status);
          print(event.value);
        },
      );
    } catch (e) {
      print('Failed to make OTA update. Details: $e');
    }
  }

// 展示版本信息
  Widget _infoTile(String title, String subtitle) {
    return ListTile(
      title: Text(title),
      subtitle: Text(subtitle ?? 'Not set'),
    );
  }

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("version demo"),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          _infoTile('App name', _packageInfo.appName),
          _infoTile('Package name', _packageInfo.packageName),
          _infoTile('App version', _packageInfo.version),
          _infoTile('Build number', _packageInfo.buildNumber),
          RaisedButton(
            child: Text("检查更新"),
            onPressed: () {
              _showDialog();
            },
          ),
          Text('OTA status:  \n'),
        ],
      ),
    );
  }
}

```

关注博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ (0)

上一篇：flutter-34(调用原生硬件Api实现扫码)

下一篇：flutter-36(Flutter打开外部浏览器打开外部应用拨打电话发送短信)