MAUI + Masa Blazor 开发带自动更新功能的安卓App

自动更新主要下面4个步骤

  1. 获取最新版本号

  2. 提示用户发现更新,等待用户确认更新

  3. 下载最新的apk包

  4. 安装apk包

下面从创建MAUI项目开始

1、创建Maui Blazor Server应用

adcca0265bc56ef6c1272dd251f21ee8.png

2、安装Masa.Blazor,并添加引用

dotnet add package Masa.Blazor

在 wwwroot/index.html 中引入资源文件

<!-- masa blazor css style --><link href="https://masa-blazor-docs-dev.lonsid.cn/_content/Masa.Blazor/css/masa-blazor.min.css" rel="stylesheet"><link  href="https://cdn.masastack.com/
npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet"><link href="https://cdn.masastack.com/
npm/materialicons/materialicons.css" rel="stylesheet"><link href="https://cdn.masastack.com/
npm/fontawesome/v5.0.13/css/all.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.masastack.com/
stack/fonts/roboto/font-roboto.css">
<!--js(should lay the end of file)--><script src="_content/BlazorComponent/js/blazor-component.js"></script>

在 _Imports.razor 添加,对Masa Blazor 的全局引用

@using Masa.Blazor
@using BlazorComponent

MauiProgram.cs中注入服务

builder.Services.AddMasaBlazor();

修改Shared / MainLayout.razor文件,设置MApp为根元素

@inherits LayoutComponentBase
<div class="page"><div class="sidebar"><NavMenu /></div><main><div class="top-row px-4"><a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a></div><article class="content px-4"><MApp>@Body</MApp></article></main>
</div>

项目属性中修改-已共享MAUI-中的应用程序ID及版本

f254ee6db0ab081b1435bb4932fd63da.png

3、开始编写代码

创建Service目录,添加IUpgradeService.cs接口

namespace MauiMasaBlazorDemo.Service{public interface IUpgradeService{/// <summary>/// 检查更新/// </summary>/// <param name="url">/// 检查URL/// </param>/// <returns></returns>Task<Dictionary<string, string>> CheckUpdatesAsync(string url);/// <summary>/// 下载安装文件/// </summary>/// <param name="url">/// 下载URL/// </param>/// <param name="action">/// 进度条处理方法/// </param>/// <returns></returns>Task DownloadFileAsync(string url, Action<long, long> action);/// <summary>/// 安装APK的方法/// </summary>void InstallNewVersion();}}

这里需要使用到 FileProvider,在Android 7之后出于安全考虑不再支持content://URL 或file:///URL这种文件访问方式,可参考FileProvider | Android Developers ,我们先添加一下对应配置

Platforms/Android/Resources下面新建xml文件夹,并添加provider_paths.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources><paths><root-path name="root" path="" /><files-path name="files" path="" /><cache-path name="cache" path="" /><external-path name="camera_photos" path="" /><external-files-path name="external_file_path" path="" /><external-cache-path name="external_cache_path" path="" /></paths>
</resources>

修改Platforms / Android下面的AndroidManifest.xml文件,在application下添加provider,再添加一个安卓安装的权限REQUEST_INSTALL_PACKAGES

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"><application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"><providerandroid:name="androidx.core.content.FileProvider"android:authorities="com.masa.mauidemo.fileprovider"android:exported="false"android:grantUriPermissions="true"><meta-dataandroid:name="android.support.FILE_PROVIDER_PATHS"android:resource="@xml/provider_paths" /></provider></application><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /><uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
</manifest>

Platforms / Android下添加UpgradeService.cs

获取版本号可以通过MAUI提供的 VersionTracking,该类还有很多版本相关的功能,可参考

Version tracking - .NET MAUI | Microsoft Docs

Intent 是一种运行时绑定(run-time binding)机制,Android的三个基本组件 Activity,Service和Broadcast Receiver 都是通过Intent机制激活的,有兴趣可参考
Intent | Android Developers

using Android.Content;
using Android.OS;
using MauiMasaBlazorDemo.Service;
namespace MauiMasaBlazorDemo
{public class UpgradeService : IUpgradeService{readonly HttpClient _client;public UpgradeService(){_client = new HttpClient();}public async Task<Dictionary<string, string>> CheckUpdatesAsync(string url){var result = new Dictionary<string, string>();// 获取当前版本号var currentVersion = VersionTracking.CurrentVersion;var latestVersion = await _client.GetStringAsync(url);result.Add("CurrentVersion", currentVersion);result.Add("LatestVersion", latestVersion);return result;}public void InstallNewVersion(){var file = $"{FileSystem.AppDataDirectory}/{"com.masa.mauidemo.apk"}";var apkFile = new Java.IO.File(file);var intent = new Intent(Intent.ActionView);// 判断Android版本if (Build.VERSION.SdkInt >= BuildVersionCodes.N){//给临时读取权限intent.SetFlags(ActivityFlags.GrantReadUriPermission);var uri = FileProvider.GetUriForFile
(Android.App.Application.Context, "com.masa.mauidemo.fileprovider", apkFile);// 设置显式 MIME 数据类型intent.SetDataAndType(uri, "application/vnd.android.package-archive");}else{intent.SetDataAndType(Android.Net.Uri.FromFile(new Java.IO.File(file)), "application/vnd.android.package-archive");}//指定以新任务的方式启动Activityintent.AddFlags(ActivityFlags.NewTask);//激活一个新的ActivityAndroid.App.Application.Context.StartActivity(intent);}public async Task DownloadFileAsync(string url, Action<long, long> action){var req = new HttpRequestMessage(new HttpMethod("GET"), url);var response = _client.SendAsync(req, HttpCompletionOption.ResponseHeadersRead).Result;var allLength = response.Content.Headers.ContentLength;var stream = await response.Content.ReadAsStreamAsync();var file = $"{FileSystem.AppDataDirectory}/{"com.masa.mauidemo.apk"}";await using var fileStream = new FileStream(file, FileMode.Create);await using (stream){var buffer = new byte[10240];var readLength = 0;int length;while ((length = await stream.ReadAsync(buffer, 0, buffer.Length)) != 0){readLength += length;action(readLength, allLength!.Value);// 写入到文件fileStream.Write(buffer, 0, length);}}}}

其中com.masa.mauidemo.apk 为安装文件apk的文件名称。

MauiProgram.cs中添加注入,这里使用条件编译,在平台为Android时使用

#ifANDROIDbuilder.Services.AddSingleton<IUpgradeService, UpgradeService>();
#endif

Pages中新增Index.razor.cs

using BlazorComponent;
using Masa.Blazor;
using MauiMasaBlazorDemo.Service;
using Microsoft.AspNetCore.Components;
namespace MauiMasaBlazorDemo.Pages
{public partial class Index{[Inject]public IPopupService PopupService { get; set; }[Inject]private IUpgradeService UpgradeService { get; set; }private int Ps { get; set; }private long TotalBytesToReceive { get; set; }private long BytesReceived { get; set; }private long _unReadMsgCnt = 0;private bool _updateDialog;/// <summary>/// 获取最新版本/// </summary>/// <returns></returns>public async Task GetVersionNew(){var result = await UpgradeService.CheckUpdatesAsync
($"https://你的域名/update.txt?t={DateTime.Now.ToUniversalTime().Ticks}");if (result["CurrentVersion"] != result["LatestVersion"]){var confirm = await PopupService.ConfirmAsync($"检测到新版本,是否升级", "版本号为:" + result["LatestVersion"]);if (confirm){_updateDialog = true;await UpgradeService.DownloadFileAsync("https://你的域名/com.masa.mauidemo.apk", DownloadProgressChanged);UpgradeService.InstallNewVersion();}}else{await PopupService.AlertAsync($"当前版本已经是最新版,版本号为:" + result["LatestVersion"], AlertTypes.Success);}}private void DownloadProgressChanged(long readLength, long allLength){InvokeAsync(() =>{var c = (int)(readLength * 100 / allLength);if (c > 0 && c % 5 == 0) //刷新进度为每5%更新一次,过快的刷新会导致页面显示数值与实际不一致{Ps = c; //下载完成百分比BytesReceived = readLength / 1024; //当前已经下载的KbTotalBytesToReceive = allLength / 1024; //文件总大小KbStateHasChanged();}});}}

修改Index.razor 添加按钮、确认对话框、进度条组件。Masa blazor是国内不多可以完美支持MAUI的blazor组件

@page "/"
<MButton OnClick="GetVersionNew"><MLabel>检查更新</MLabel><MIcon>mdi-home</MIcon>
</MButton>
<div class="text-center"><MDialog @bind-Value="_updateDialog"Width="500"><ChildContent><MCard><MCardTitle Class="text-h5 grey lighten-2">正在更新请稍后...                </MCardTitle><MCardText>@BytesReceived KB/@TotalBytesToReceive KB                                 <MProgressLinear Value="@Ps" Striped Height="15" Color="light-blue"><strong>@Ps %</strong></MProgressLinear></MCardText></MCard></ChildContent></MDialog>
</div>

4、项目打包、签名、发布

项目属性中修改Android包格式为Apk

71ac1a3104db419583eb94a709d04720.png

命令行生成一个安卓签名证书,部分手机没有证书签名不允许安装,会提示输入证书密码,密码要记住,其他随意填即可

keytool -genkey -v -keystore masa-maui-demo.keystore -alias key -keyalg RSA -keysize 2048 -validity 10000

6303b1de76774b1670eed9d9c1a69b18.png

项目属性,切换到-Android-包签名,勾选“APK签名”密钥存储选择刚刚生成的keystore文件,输入密钥“存储密码”和“别名密码”,这两个密码都填刚刚生成证书的密码,别名不设置的情况下,也需要输入别名密码,否则会在发布时提示“打包进程失败”。

6c33356cb07df2851699f012fcb2d06c.png

解决方案配置中切换到Release,生成一下项目,然后右键项目名称-选择发布,发布0.0.1版本,发布过程会自动对apk进行签名

d3bc3439eb171d8dd0f67370b655d7c9.png

点右下角的打开文件夹,找到签名之后的apk文件,上传到阿里云OSS,同时再上传一个名为update.txt的文本文件,内容为“0.0.1”,这两个文件的地址就是GetVersionNew方法中的两个地址。

f89f87ff481075740a2d217d4d6634b1.png
注意:

1、如果使用的下载apk的协议不是https,那么需要在AndroidManifest.xml文件 application 节点中添加 android:usesCleartextTraffic=“true”

2、如果是使用iis的话需要在MIEI中添加 MIME类型:

application/vnd.android.package-archive,否则apk文件无法下载

这样我们的自动升级功能就开发完毕了,如果程序新加了功能我们我们需要做:

1、修改项目的版本号,例如修改“应用程序显示版本”为0.0.2,应用程序版本:2

2、重新发布apk

3、上传到阿里云OSS,修改update.txt文件为0.0.2

下面为真机演示效果

11c441492ffaa0376a4d17e8427908df.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/283441.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

WebApi 将 DataRow、DataTable转换成JObject返回

/// <summary> /// 扩展&#xff1a;将object强制转化为int /// </summary> /// <param name"o">要强制转换的object</param> /// <param name"defaultValue">o为null或者转换失败的默认值</param> /// <returns&g…

空间矢量数据(.shp文件)之JAVA操作

Shape文件由ESRI开发。一个ESRI&#xff08;Environmental Systems Research Institute&#xff09;的shape文件包含一个主文件&#xff0c;一个索引文件&#xff0c;和一个dBASE表。当中主文件的后缀就是.shp。 Shape文件已经是一种开源的文件格式。官方早在2006年就出版了对应…

[deviceone开发]-一个很炫的手势动画示例

2019独角兽企业重金招聘Python工程师标准>>> 一、简介 这是iOS下的效果&#xff0c;android下完全一致。通过do_GestureView组件和do_Animation组件&#xff0c;deviceone能很容易实现复杂的跨平台纯原生动画效果,这个示例就是通过手势控制图片上下动画滑动实现开合…

POJ-3067 Japan---树状数组逆序对变形

题目链接&#xff1a; https://vjudge.net/problem/POJ-3067 题目大意&#xff1a; 日本岛东海岸与西海岸分别有N和M个城市&#xff0c;现在修高速公路连接东西海岸的城市&#xff0c;求交点个数。 解题思路&#xff1a; 记每条告诉公路为(x,y), 即东岸的第x个城市与西岸的第y个…

C# 笔迹擦除8边形

本文经原作者授权以原创方式二次分享&#xff0c;欢迎转载、分享。原文作者&#xff1a;唐宋元明清原文地址&#xff1a; https://www.cnblogs.com/kybs0/p/16593146.htmlC# 笔迹擦除8边形擦除区域与橡皮大小不一致测试反馈&#xff0c;擦除区域与真实的橡皮大小不一致&#…

资深私域运营必知的100个专业名词!

来源 | 晏涛三寿 &#xff08;ID&#xff1a;yantao-219&#xff09; 作者 | 晏涛 如今私域相关人才进入了供不应求的状态&#xff0c;不少企业开始设置专门的岗位&#xff0c;私域运营也成为了招聘市场中的“香饽饽”。 但是想要成为一名优秀的私域运营并不容易&#xff0c;…

【错误解决】[Maven] cannot be opened because it does not exist错误[文件无法编译到target目录下的解决方法]...

转载请注明出处&#xff1a;http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 使用IDEA搭建的Maven项目&#xff0c;在写SpringEL和资源调用时出现了如下错误: 相信我&#xff0c;代码没问题的、 Caused by: java.io.FileNotFoundException: class path res…

JQ插件 jquery mobiscroll

参数&#xff1a; theme是指主题 display&#xff1a;bottom 是指弹出框的位置&#xff0c;分别可以使用top,bottom,inline来定义&#xff0c;这里解释一下inline的用法:inline的话就可以实现页面一加载就能看到这个弹出框&#xff0c;如果使用top和bottom,则必须使得输入框获得…

commons-lang3:DateUtils

2019独角兽企业重金招聘Python工程师标准>>> /** * 以秒为标准时间的毫秒数 */ public static final long MILLIS_PER_SECOND 1000 /** *以分钟为标准时间的毫秒数 */ public static final long MILLIS_PER_MINUTE 60 * MILLIS_PER_S…

SVN配置提交代码自动部署

最近新开了web端项目&#xff0c;前端开发完成后&#xff0c;需要将打包文件再替换到web目录&#xff0c;感觉有点麻烦&#xff0c;于是想找找一劳永逸的方法&#xff0c;恰好配置svn的 post-commit可以实现此功能&#xff0c;在此记录下来。 hooks SVN安装路径下有个hooks文件…

Blazor University (46)依赖注入 —— Transient 依赖

原文链接&#xff1a;https://blazor-university.com/dependency-injection/dependency-lifetimes-and-scopes/transient-dependencies/Transient 依赖Transient 依赖是最容易理解的。在构建注册为 Transient 的可注入依赖项时&#xff0c;依赖项容器只是充当工厂。一旦实例被创…

AM335x 添加 HUAWEI MU609 Mini PCIe Module,并用pppd 启动相关设备

kernel 的配置kernel 3.2.0make menuconfigDevice Drivers --->[*] USB support ---><*> USB Serial Converter support ---><*> USB driver for GSM and CDMA modems kernel 3.2.0make menuconfigDevice Drivers --->[*] Network device supp…

深度挖掘 Laravel 生命周期

本文首发于个人博客 深度挖掘 Laravel 生命周期&#xff0c;转载请注明出处。这篇文章我们来聊聊 「Laravel 生命周期」 这个主题。虽然网络上已经有很多关于这个主题的探讨&#xff0c;但这个主题依然值得我们去研究和学习。 我想说的是当我们在决定使用某项技术的时候&#x…

构建LAMP平台及应用系统

LANP架构指的是协同工作的一整套系统和相关软件&#xff0c;能够提供动态Web站点服务及其应用开发环境。LAMP是一个缩写词&#xff0c;具体包括linux操作系统、apache网站服务器、mysql数据库服务器、PHP&#xff08;或Perl、Python&#xff09;网页编程语言。在构建LAMP平台时…

C# DataRow 转 Model 对象 再也不用一个字段一个字段去写了

/*************************************************************************************** 文 件 名: DalUtiles.cs* 描 述: * * 版 本&#xff1a; V1.0* 创 建 者&#xff1a; JackieZheng* 创建时间&#xff1a; 2022/10/16 下午 05:42* * 历史更新记录* 版本…

pyqt2_官网教程

sklearn实战-乳腺癌细胞数据挖掘&#xff08;博主亲自录制视频&#xff09; https://study.163.com/course/introduction.htm?courseId1005269003&utm_campaigncommission&utm_sourcecp-400000000398149&utm_mediumshare Articles You can find a collection of P…

VUE页面发布后显示空白 原因之一及解决办法

<template><div><div></div></div><el-dialog></el-dialog> </template> 改为&#xff1a; <template><div><div></div><el-dialog></el-dialog></div> </template> …

Windows10安装WSL2和Ubuntu的过程

因为在Windows10环境中安装了2个相同的包导致冲突&#xff0c;所以想到了通过WSL2Docker的方式进行编程开发。因为Docker Desktop直接安装就行了&#xff0c;不做介绍。本文主要介绍WSL2和Ubuntu的安装过程。一.安装前的环境准备1.升级Windows系统因为低于某个版本号不支持WSL2…

Hyper-V数据文件丢失解决方案(有图有真相)

一、Hyper-V虚拟化故障概述 1、虚拟机环境故障虚拟化环境为ESXI虚拟化服务器&#xff0c;虚拟机环境&#xff0c;虚拟机的硬盘文件和配置文件放在北京某服务器托管公司的DELL MD3200存储中&#xff08;存储由5块容量为600G的硬盘组成raid磁盘阵列&#xff09;。该存储中4块硬盘…