Flutter 新闻客户端 - 11 APP升级、android动态授权

最新推荐文章于 2022-10-17 14:24:13 发布
最新推荐文章于 2022-10-17 14:24:13 发布
阅读量593 收藏
点赞数
分类专栏： Flutter 新闻客户端 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42320543/article/details/107250696
版权

B站视频

https://www.bilibili.com/video/BV1Gi4y147zG
https://www.bilibili.com/video/BV17t4y117ua

本节目标

  • app 升级策略
  • android 动态授权
  • android 设备目录
  • ios 支持 swift 语言
  • 快速提示框

正文

ios 支持 swift 语言

  • 出发点

社区第三方包都在用 swift 开发，打包的时候需要加入 swift 语言包。

  • 操作

创建一个支持 swift 的新项目，然后把 lib assets pubspec.yaml 覆盖即可。

app 升级策略

代码实现

定义接口
  • post /app/update

加入依赖包
  • pubspec.yaml
dependencies:
  # 设备信息
  device_info: ^0.4.2+3

  # 包信息
  package_info: ^0.4.0+18

  # 路径查询
  path_provider: ^1.6.8

  # permission 权限
  permission_handler: ^5.0.0+hotfix.6

  # 安装
  install_plugin: ^2.0.1

  # 对话框
  easy_dialog: ^1.0.5
升级工具类
  • lib/common/utils/update.dart
import 'dart:io';

import 'package:dio/dio.dart';
import 'package:easy_dialog/easy_dialog.dart';
import 'package:flutter/material.dart';
import 'package:flutter_ducafecat_news/common/apis/app.dart';
import 'package:flutter_ducafecat_news/common/entitys/entitys.dart';
import 'package:flutter_ducafecat_news/common/widgets/toast.dart';
import 'package:flutter_ducafecat_news/global.dart';
import 'package:install_plugin/install_plugin.dart';
import 'package:path_provider/path_provider.dart';

/// app 升级
class AppUpdateUtil {
  static AppUpdateUtil _instance = AppUpdateUtil._internal();
  factory AppUpdateUtil() => _instance;

  BuildContext _context;
  AppUpdateResponseEntity _appUpdateInfo;

  AppUpdateUtil._internal();

  /// 获取更新信息
  Future run(BuildContext context) async {
    _context = context;

    // 提交 设备类型、发行渠道、架构、机型
    AppUpdateRequestEntity requestDeviceInfo = AppUpdateRequestEntity(
      device: Global.isIOS == true ? "ios" : "android",
      channel: Global.channel,
      architecture: Global.isIOS == true
          ? Global.iosDeviceInfo.utsname.machine
          : Global.androidDeviceInfo.device,
      model: Global.isIOS == true
          ? Global.iosDeviceInfo.name
          : Global.androidDeviceInfo.brand,
    );
    _appUpdateInfo =
        await AppApi.update(context: context, params: requestDeviceInfo);

    _runAppUpdate();
  }

  /// 检查是否有新版
  Future _runAppUpdate() async {
    // 比较版本
    final isNewVersion =
        (_appUpdateInfo.latestVersion.compareTo(Global.packageInfo.version) ==
            1);

    // 安装
    if (isNewVersion == true) {
      _appUpdateConformDialog(() {
        Navigator.of(_context).pop();
        if (Global.isIOS == true) {
          // 去苹果店
          InstallPlugin.gotoAppStore(_appUpdateInfo.shopUrl);
        } else {
          // apk 下载安装
          toastInfo(msg: "开始下载升级包");
          _downloadAPKAndSetup(_appUpdateInfo.fileUrl);
        }
      });
    }
  }

  /// 下载文件 & 安装
  Future _downloadAPKAndSetup(String fileUrl) async {
    // 下载
    Directory externalDir = await getExternalStorageDirectory();
    String fullPath = externalDir.path + "/release.apk";

    Dio dio = Dio(BaseOptions(
        responseType: ResponseType.bytes,
        followRedirects: false,
        validateStatus: (status) {
          return status < 500;
        }));
    Response response = await dio.get(
      fileUrl,
    );

    File file = File(fullPath);
    var raf = file.openSync(mode: FileMode.write);
    raf.writeFromSync(response.data);
    await raf.close();

    // 安装
    await InstallPlugin.installApk(fullPath, Global.packageInfo.packageName);
  }

  /// 升级确认对话框
  void _appUpdateConformDialog(VoidCallback onPressed) {
    EasyDialog(
        title: Text(
          "发现新版本 ${_appUpdateInfo.latestVersion}",
          style: TextStyle(fontWeight: FontWeight.bold),
          textScaleFactor: 1.2,
        ),
        description: Text(
          _appUpdateInfo.latestDescription,
          textScaleFactor: 1.1,
          textAlign: TextAlign.center,
        ),
        height: 220,
        contentList: [
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              new FlatButton(
                padding: const EdgeInsets.only(top: 8.0),
                textColor: Colors.lightBlue,
                onPressed: onPressed,
                child: new Text(
                  "同意",
                  textScaleFactor: 1.2,
                ),
              ),
              new FlatButton(
                padding: const EdgeInsets.only(top: 8.0),
                textColor: Colors.lightBlue,
                onPressed: () {
                  Navigator.of(_context).pop();
                },
                child: new Text(
                  "取消",
                  textScaleFactor: 1.2,
                ),
              ),
            ],
          )
        ]).show(_context);
  }
}
读取设备信息
  • 插件

https://pub.flutter-io.cn/packages/device_info

  • 全局信息

lib/global.dart

  /// 是否 ios
  static bool isIOS = Platform.isIOS;

  /// android 设备信息
  static AndroidDeviceInfo androidDeviceInfo;

  /// ios 设备信息
  static IosDeviceInfo iosDeviceInfo;

  /// 包信息
  static PackageInfo packageInfo;

  /// init
  static Future init() async {
    ...

    // 读取设备信息
    DeviceInfoPlugin deviceInfoPlugin = DeviceInfoPlugin();
    if (Global.isIOS) {
      Global.iosDeviceInfo = await deviceInfoPlugin.iosInfo;
    } else {
      Global.androidDeviceInfo = await deviceInfoPlugin.androidInfo;
    }

    // 包信息
    Global.packageInfo = await PackageInfo.fromPlatform();

    ...
  • 定义升级信息 entity

lib/common/entitys/app.dart

class AppUpdateRequestEntity {
  String device;
  String channel;
  String architecture;
  String model;

  AppUpdateRequestEntity({
    this.device,
    this.channel,
    this.architecture,
    this.model,
  });

  factory AppUpdateRequestEntity.fromJson(Map<String, dynamic> json) =>
      AppUpdateRequestEntity(
        device: json["device"],
        channel: json["channel"],
        architecture: json["architecture"],
        model: json["model"],
      );

  Map<String, dynamic> toJson() => {
        "device": device,
        "channel": channel,
        "architecture": architecture,
        "model": model,
      };
}

class AppUpdateResponseEntity {
  String shopUrl;
  String fileUrl;
  String latestVersion;
  String latestDescription;

  AppUpdateResponseEntity({
    this.shopUrl,
    this.fileUrl,
    this.latestVersion,
    this.latestDescription,
  });

  factory AppUpdateResponseEntity.fromJson(Map<String, dynamic> json) =>
      AppUpdateResponseEntity(
        shopUrl: json["shopUrl"],
        fileUrl: json["fileUrl"],
        latestVersion: json["latestVersion"],
        latestDescription: json["latestDescription"],
      );

  Map<String, dynamic> toJson() => {
        "shopUrl": shopUrl,
        "fileUrl": fileUrl,
        "latestVersion": latestVersion,
        "latestDescription": latestDescription,
      };
}
  • api 请求

lib/common/apis/app.dart

/// 系统相关
class AppApi {
  /// 获取最新版本信息
  static Future<AppUpdateResponseEntity> update({
    @required BuildContext context,
    AppUpdateRequestEntity params,
  }) async {
    var response = await HttpUtil().post(
      '/app/update',
      context: context,
      params: params,
    );
    return AppUpdateResponseEntity.fromJson(response);
  }
}
  • 提交信息 获取版本

lib/common/utils/update.dart

  /// 获取更新信息
  Future run(BuildContext context) async {
    _context = context;

    // 提交 设备类型、发行渠道、架构、机型
    AppUpdateRequestEntity requestDeviceInfo = AppUpdateRequestEntity(
      device: Global.isIOS == true ? "ios" : "android",
      channel: Global.channel,
      architecture: Global.isIOS == true
          ? Global.iosDeviceInfo.utsname.machine
          : Global.androidDeviceInfo.device,
      model: Global.isIOS == true
          ? Global.iosDeviceInfo.name
          : Global.androidDeviceInfo.brand,
    );
    _appUpdateInfo =
        await AppApi.update(context: context, params: requestDeviceInfo);

    _runAppUpdate();
  }

  /// 检查是否有新版
  Future _runAppUpdate() async {
    // 比较版本
    final isNewVersion =
        (_appUpdateInfo.latestVersion.compareTo(Global.packageInfo.version) ==
            1);

    // 安装
    if (isNewVersion == true) {
      _appUpdateConformDialog(() {
        Navigator.of(_context).pop();
        if (Global.isIOS == true) {
          // 去苹果店
          InstallPlugin.gotoAppStore(_appUpdateInfo.shopUrl);
        } else {
          // apk 下载安装
          toastInfo(msg: "开始下载升级包");
          _downloadAPKAndSetup(_appUpdateInfo.fileUrl);
        }
      });
    }
  }
android 动态授权
  • 插件

https://pub.flutter-io.cn/packages/permission_handler

  • 官方文章

https://developer.android.com/training/permissions/requesting

https://developer.android.com/training/permissions/usage-notes

  • AndroidManifest.xml 中加入权限

android/app/src/main/AndroidManifest.xml

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  • flutter 启动页中执行授权

lib/pages/index/index.dart

在 initState 是执行

延迟 3 秒，用户体验好些

class _IndexPageState extends State<IndexPage> {
  @override
  void initState() {
    super.initState();

    if (Global.isRelease == true) {
      doAppUpdate();
    }
  }

  Future doAppUpdate() async {
    await Future.delayed(Duration(seconds: 3), () async {
      if (Global.isIOS == false &&
          await Permission.storage.isGranted == false) {
        await [Permission.storage].request();
      }
      if (await Permission.storage.isGranted) {
        AppUpdateUtil().run(context);
      }
    });
  }
android 目录权限
  • 插件

https://pub.flutter-io.cn/packages/path_provider
https://pub.flutter-io.cn/packages/install_plugin

  • 文章

https://developer.android.com/reference/androidx/core/content/FileProvider.html

  • lib/common/utils/update.dart
  /// 下载文件 & 安装
  Future _downloadAPKAndSetup(String fileUrl) async {
    // 下载
    Directory externalDir = await getExternalStorageDirectory();
    String fullPath = externalDir.path + "/release.apk";

    Dio dio = Dio(BaseOptions(
        responseType: ResponseType.bytes,
        followRedirects: false,
        validateStatus: (status) {
          return status < 500;
        }));
    Response response = await dio.get(
      fileUrl,
    );

    File file = File(fullPath);
    var raf = file.openSync(mode: FileMode.write);
    raf.writeFromSync(response.data);
    await raf.close();

    // 安装
    await InstallPlugin.installApk(fullPath, Global.packageInfo.packageName);
  }
EasyDialog 快速提示框
  • 插件

https://pub.flutter-io.cn/packages/easy_dialog

  • lib/common/utils/update.dart
  /// 升级确认对话框
  void _appUpdateConformDialog(VoidCallback onPressed) {
    EasyDialog(
        title: Text(
          "发现新版本 ${_appUpdateInfo.latestVersion}",
          style: TextStyle(fontWeight: FontWeight.bold),
          textScaleFactor: 1.2,
        ),
        description: Text(
          _appUpdateInfo.latestDescription,
          textScaleFactor: 1.1,
          textAlign: TextAlign.center,
        ),
        height: 220,
        contentList: [
          Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              new FlatButton(
                padding: const EdgeInsets.only(top: 8.0),
                textColor: Colors.lightBlue,
                onPressed: onPressed,
                child: new Text(
                  "同意",
                  textScaleFactor: 1.2,
                ),
              ),
              new FlatButton(
                padding: const EdgeInsets.only(top: 8.0),
                textColor: Colors.lightBlue,
                onPressed: () {
                  Navigator.of(_context).pop();
                },
                child: new Text(
                  "取消",
                  textScaleFactor: 1.2,
                ),
              ),
            ],
          )
        ]).show(_context);
  }

资源

视频

蓝湖设计稿（加微信给授权 ducafecat）

https://lanhuapp.com/url/lYuz1
密码: gSKl

蓝湖现在收费了，所以查看标记还请自己上传 xd 设计稿
商业设计稿文件不好直接分享, 可以加微信联系 ducafecat

YAPI 接口管理

http://yapi.demo.qunar.com/

代码

https://github.com/ducafecat/flutter_learn_news/releases/tag/v1.0.11

参考

  • 文章

https://developer.android.com/training/permissions/requesting
https://developer.android.com/training/permissions/usage-notes
https://developer.android.com/reference/androidx/core/content/FileProvider.html

  • flutter 插件

https://pub.flutter-io.cn/packages/device_info
https://pub.flutter-io.cn/packages/path_provider
https://pub.flutter-io.cn/packages/permission_handler
https://pub.flutter-io.cn/packages/install_plugin
https://pub.flutter-io.cn/packages/easy_dialog

VSCode 插件

独立开发者_猫哥
关注
专栏目录
Flutter 新闻客户端 - 05 AppData、Cache、Fiddle、iconfont、主界面搭建
会煮咖啡的猫咪
07-10 961
B站视频 https://www.bilibili.com/video/BV1A54y1d7Pa 本节目标 全局数据、响应数据、持久化 http get 缓存 http proxy 代理 fiddle 抓包工具 iconfont 字体库 主界面搭建 BottomNavigationBar 导航控件 编写 api 接口代码 客户端数据管理 数据类型 全局数据 存储在内存 用户数据、语言包 响应数据 存储在内存 用户登录状态、多语言、皮肤样式 Redux、Bloc、provider 持久化 A.
Flutter 新闻客户端 - 10 编译发布正式版
会煮咖啡的猫咪
07-10 452
B站视频 https://www.bilibili.com/video/BV1G541147ZV https://www.bilibili.com/video/BV1ik4y1k7yP 本节目标 编译 build releae 程序瘦身 混淆程序 修改程序名称 制作图标 制作启动画面 正文 1. APP 图标 规格说明 https://developer.android.com/google-play/resources/icon-design-specifications https://devel.
flutter 动态申请权限
01-07
在pubspec.yaml 文件中导入 permission_handler: ^3.2.0 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:permission_handler/permission_handler.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext
flutter--android11软键盘
qq_15855289的博客
01-04 341
flutter--对于Android11软件盘的适配----解决方法记录，flutter --version查看flutter版本 确认是最新（1.22），通过flutter channel 查看flutter是否是beta版本还是stable版本。 我这边问题是基于bate和stable版本问题。切换到stable则可正常。 ...
Flutter开发笔记11 - 打开第三方APP
酸柠檬的博客
04-14 1772
https://pub.dartlang.org/中搜索url_launcher
一款Flutter版新闻App
xiangxiongfly
07-08 786
一款Flutter版新闻App
华丽的Flutter的demo----新闻阅读+音乐+短视频+小说
zcpHappy的博客
04-30 5136
前言 惯例说点废话。离看完flutter文档已经有两个多月了，每天晚上偷摸写上两个小时的代码，终于把show_time的flutter版本完成了，此外还有Java版本的，kotlin版本的，欢迎star，作为初学者，这也是给广大初学者同道们提供的一条学习的途径，若不符大神们的口味，轻轻喷-o- 简单总结下收获 通过写这个demo，让我对flutter了解更多，属于对看完文档后的查缺补漏把。 孰能...
wanandroid_flutter：Flutter完整项目，玩Android-Flutter版客户端
02-03
玩Android-Flutter客户端 前言 这是一款使用Flutter编写的，MaterialDesign风格的WanAndroid客户端应用 这是一个可以用来入门Flutter的项目，我用了两周的晚上时间完成了第一个版本的开发 ，欢迎Star＆Fork，有问题...
Flutter 新闻客户端 - 12 采用 sentry 平台收集错误
会煮咖啡的猫咪
07-10 960
B站视频 https://www.bilibili.com/video/BV1Ek4y1r7zk 本节目标 使用 sentry 平台 flutter 集成 android 集成 ios 集成 正文 错误收集策略 sentry 平台 https://sentry.io 收集 flutter 参考 https://docs.sentry.io/platforms/flutter/ pubspec.yaml dependencies: sentry: ^3.0.1 lib/main.dar.
Flutter开源项目 - 加密币客户端 flutter-crypto-app
会煮咖啡的猫咪
06-01 789
老铁记得 转发 ，猫哥会呈现更多 Flutter 好文~~~~ 微信 flutter 研修群 ducafecat 猫哥说 节日好伙伴们，今天这个项目推荐给大家，主要是用了 Riverpod 状态管理，Freezed 代码生成器, Flutter 2.2 空安全 还有就是 写了 单元测试 集成测试 Github Action，大家可以学习下。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hDb3Mygn-1622499190900)(https://ducafecat.tec
基于Flutter构建的新闻App
最新发布
12-31
基于Flutter构建了一个简单的新闻App，利用几个常用的Widget进行开发：热门新闻列表、分类新闻列表、收藏与删除收藏功能。
ariel-news-app:由Flutter开发的新闻应用程序，具有漂亮的用户界面，基于类别的新闻，用于快速阅读新闻的故事，内置的文章查看器，共享功能等
05-26
爱丽儿 由Flutter开发的新闻应用程序，具有精美的用户界面，基于类别的新闻，用于快速阅读新闻的故事，内置的文章查看器，共享功能等。 Ariel为新闻阅读器提供了一个漂亮的界面。 您可以简单地选择他们想要的新闻类别，例如商业，健康，科学，体育，技术，娱乐等。 如果他们愿意，还可以选择所有类别。 然后向他们展示该时间的前五大亮点，并在其下列出了来自世界各地的所有新闻事件。 只需按一下他们想以故事方式阅读的任何新闻，他们就可以向上滑动扩大新闻，右击前进，左击前进，阅读全文或与他人分享故事。 Ariel依靠 API来获得新闻报道和信息。 通过利用他们的API，它为用户提供了快速而流畅的体验，其中充满了精美的动画和最小的设计。 目录清单 用法 贡献 执照 隐私政策 贡献者 特征 NewsAPI值得信赖的新闻文章 6种类别，涵盖了可能的所有信息 在应用程式网路文章查看器中，随时随地阅读完整
用Flutter实现的新闻类小项目
weixin_34007886的博客
05-18 2047
2019独角兽企业重金招聘Python工程师标准>>> ...
flutter android 权限,flutter 权限申请
weixin_35019131的博客
05-30 1274
添加依赖permission_handler: ^3.2.2androidmanifest.xml添加对应的用户权限在flutter 中app入口申请权限：import 'package:flutter/material.dart';import 'package:flutter/services.dart';import 'package:permission_handler/permissio...
使用 Flutter 构建新闻应用
分享身边生活经验blog
10-17 763
我们正在构建一个在屏幕顶部有一个搜索栏的单屏应用；一个轮播小部件，用于显示来自世界各地的头条新闻；以及当用户从侧边抽屉中选择时基于Country、Category或Channel的新闻列表。运行应用程序时，头条新闻的默认Country设置为India，默认Category设置为Business。我们将使用来自NewsAPI.org的 API 密钥。您还可以使用MediaStack和NewsData的 API，因为我们可以在开发人员模式下查询有限数量的新闻文章。新闻 API 每天允许大约 100 个查询。
VSCode中搭建Flutter开发环境
m0_46527751的博客
01-09 1140
VSCode中搭建Flutter开发环境安装插件运行Flutter项目 安装插件 除了前面Dart学习时我们已经安装的Dart插件外，还有一下两个插件 （Flutter插件和Flutter提示工具） 运行Flutter项目 点击文件，选择我们上一篇博客在AS中创建的项目 点击选择文件夹后 在终端输入flutter run(此时没有连接虚拟机) 按照指令选择谷歌后，结果运行在了网页上 查看可以运行的设备可以点击右下角，然后上方会弹出提示 由于是第一次使用，我随便点到了Create Android e
fluttter 打包以后网络请求不能用
小天空的博客
06-09 1236
今天flutter build apk打包了一个release.apk包，在真机上安装后网络数据都不显示，但是在模拟器上没问题，然后又连接真机开debug各种测试，一切都正常！那这会是什么问题呢？ 查找搜了一些资料，发现问题所在，安卓开发中flutter应用没有网络权限。 在这个文件里，android\app\src\profile\AndroidManifest.xml，manifest里添加这段代码： <uses-permission android:name="android.perm.
Flutter 新闻客户端 - 07 Provider、认证授权、骨架屏、磁盘缓存
会煮咖啡的猫咪
07-10 802
B站视频 https://www.bilibili.com/video/BV1vV411o7bn https://www.bilibili.com/video/BV1SA411t7ov https://www.bilibili.com/video/BV1jt4y1U7Nn https://www.bilibili.com/video/BV1wt4y127L5 https://www.bilibili.com/video/BV1b54y1d7DB https://www.bilibili.com/video.
Android - 获取移动端设备ID标识，分情况
czssltt的博客
07-19 4592
设备ID，就是一串符号（或者数字），映射现实中硬件设备。如果这些符号和设备是一一对应的，可称之为“唯一设备ID"。用于蜂窝网络中唯一确定一个用户，存在SIM卡，双卡手机只返回一个IMSI，用户换手机、换卡不换号，都不变。拿不到设备的IMEI的可以拿android_id，但是！不幸的是，Android平台没有稳定的API可以让开发者获取到这样的设备ID。不需要任何权限，64bit的取值范围，唯一性算是很好的了。2）不同签名的APP，获取到的AndroidID不一样。双卡双待的手机有两个IMEI号。......
美团客户端动态化实践：提升效率与用户体验
美团考虑了多种动态化技术方案，包括百度的DynamicLoadAPK、React Native，阿里巴巴的支付宝小程序和Weex，腾讯的微信小程序和VasSonic，Google的Android Instant App和Progressive Web App，以及Facebook的React ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值