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,一经查实,立即删除!

相关文章

[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…

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…

构建LAMP平台及应用系统

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

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…

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块硬盘…

SQL小技巧,动态输出本周各天日期

SET DATEFIRST 1; --设置周一为每周第一天 SELECT DATEFIRST;WITH w AS(SELECTCONVERT(varchar(10),T.[Date],120) AS [Date],DATENAME(weekday, T.[Date] ) AS [Week],DATEPART(WK, T.[Date]) AS WeekIndexFROM(SELECTDATEADD(DAY, number, DATEADD(wk, DATEDIFF(wk, 0, get…

开源的价值观与文化的传递

| 作者&#xff1a;Sharan Foga, Apache 软件基金会董事&#xff08;2021 届、2022 届&#xff09;&#xff0c;曾亲身来到 2019 中国开源年会&#xff08;COSCon19&#xff09;以本文内容发表主题演讲。| 翻译&#xff1a;刘天栋.Ted&#xff0c;徐红伟.stronghx| 审阅&#x…

用python来更改小伙伴的windows开机密码,不给10块不给开机

今天教大家用python脚本来控制小伙伴们windows电脑的开机密码。没错就是神不知鬼不觉&#xff0c;用random()随机生成的密码&#xff0c;只有你自己知道哦~ 代码呢分两部分&#xff0c;一部分是client端跟server端两个。你只需要想办法让小伙伴运行你的client端脚本就OK啦。不过…

el-upload 防止选择上传重复文件

<el-uploadref"uploadRef"multipledragaction"":auto-upload"false":file-list"msgPara.MsgFileList":on-change"handleFileChanged" ><el-button type"primary">选择文件</el-button> </el…

jmete 学习--基础之名词解释

一.jmeter 体系结构 1.名词解释 元件 jmemter工具菜单中的一个子菜单&#xff0c;如http请求&#xff0c;事务控制器等&#xff0c;就是一个元件。 组件 一组元件的集合&#xff0c;比如逻辑控制器中有事务控制器&#xff0c;仅一次控制器等&#xff0c;这些都是hi元件&#x…

Virtual script not found, may missing <script lang=“ts“> / “allowJs“: true / jsconfig.json.volar

解决办法&#xff1a; 在 jsconfig.json 配置文件中设置 "allowJs": true 如果没有jsconfig.json文件&#xff0c;直接在项目要目录创建一个&#xff0c;添加如下配置内容即可&#xff1a; /** Title: This is a file for ……* Author: JackieZheng* Date: 2022…