在 .Net Maui BlazorWebView 中更新内容

Question

我们即将制作我们当前基于 Web 的应用程序的混合应用程序，以支持离线使用以及在移动设备中更多地使用本机应用程序功能。 我们正在开发的应用程序今天在 iis 下运行在 .net5（即将成为 6）上，我们决定使用 .net maui 和新的 blazor webview 作为我们移动设备应用程序的基础。 通过这种方式，我们可以将服务器引擎代码移动到客户端（它相当轻量级），实际上重用了我们当前的 javascript 代码和 css 中的大部分代码，并继续并行开发这两个平台（Web 和移动应用程序）。

我们现在面临的一个问题是我们的应用程序可以随时更改。 使用 web GUI，我们的管理员可以更改应用程序的内容，包括文本、图像、声音文件和其他内容。 我们的想法是简单地下载新的/更改的内容并存储在设备上，然后 webview 也应该能够离线使用它。 文本内容很简单，但我们不太清楚如何为图像和音频/视频做到这一点。 似乎 blazor webview 被锁定为仅显示 wwwroot 资产文件夹中的内容，这很好，除非我们在部署应用程序后无法真正向该文件夹添加内容（至少据我们所知）。 所以我的问题是处理此类事情的最佳方法是什么？ 理想情况下，我希望能够将 webview 正在寻找内容的位置更改为我们可以写入的目录（我们能够在某种文件系统中写入文件，而不是作为应用程序一部分的资产/资源包裹）。 我们可以使用的一种解决方案（至少对于图像）是将源设置为图像的 base64 编码，这样我们就可以从磁盘加载编码，但它看起来有点老套，而且对于声音和视频来说也不是一个真正的选择。

那么这里最好的前进方式是什么？

Base64编码的图像和音频/视频仅在在线时？ 预加载 webview（但隐藏）中的图像（可能还有视频）并依赖 webview 缓存它们以供离线查看？ （我们可以强制对它们进行离线缓存吗？）是否可以让 webview 查看我们可以写入的文件夹？

如果有任何不清楚的评论，我很乐意尝试更好地解释它......

Answer 1

这里有几个选项。

1. 创建 Blazor WebAssembly PWA 项目。

• 这将允许您离线运行，并在需要时与您的后端 API 进行通信的额外好处。

• 由于它在设备的浏览器内部/下运行，因此您可以通过 HTML 5 访问一些传感器，如位置 (GPS)、摄像头等，如果这就是您所需要的。 一旦部署在您的网络服务器上，您对前端或后端所做的任何更改将在用户下次重新启动应用程序时可用。 用户将拥有与在 web 浏览器上相同的用户体验。

• 您的用户可以在 iPhone 或 Android 上创建图标，就像 AppStore 应用程序一样，但要执行此操作，他们必须在 safari 或移动设备上的 chrome 中打开您的网站一次。

2. 创建基于 WebView（而不是 BlzorwebView）的设备项目并将 WebView 指向您的网站。

• 这将允许您将应用程序发布到 AppStore 或 PlayStore。
• 一旦您将应用程序发布到您的网络服务器，这种应用程序就会立即显示您对应用程序所做的任何更改。
• 您将必须测试每个平台的传感器访问，因为它非常危险。 我听说 Apple 在只有 WebView 而没有其他任何东西时允许应用程序在他们的商店上发布有点严格，不过这应该很快就会发现，因为你不必编写任何代码，只需 package 并发布 shell应用程序。

3. 创建 Blazor 混合。 在此 model 中，您的代码将可以完全访问本机传感器，但对于任何更改，您都必须重新部署。 您可以拥有可以进行 API 调用的代码，但是使用它来更新您的应用程序将是不受支持的 hacky 方式，不推荐这样做。 如果您需要访问 HTML5 不支持的传感器，blazor Hybrid 是通往 go 的途径。