如何使用 Blazor 创建独立的 Web 应用程序？

Posted 2023-02-23

【中文标题】如何使用 Blazor 创建独立的 Web 应用程序？

【英文标题】：How to create a standalone web application with Blazor?

【发布时间】：2021-11-26 18:15:24

【问题描述】：

我是 Web 开发和 Blazor 的新手。我想使用 Blazor 创建一个独立的 Web 应用程序，用户可以单击本地网络上部署的文件并让应用程序在他们的 Web 浏览器中启动，就像为桌面应用程序提供独立的 exe。我在 Blazor 上搜索了 Windows 文档，但似乎找不到答案。提前致谢

【问题讨论】：

您可能想要wait for .NET 6，这将按照您的设想将 Blazor 带到桌面。不过，Telerik 也有一篇关于 wrapping it inside Electron 的文章。

那太好了，谢谢分享！

您正在寻找 blazor pwa 应用程序。您可以使用 .净 5.0 也是如此。这是您的 MS 文档链接。 docs.microsoft.com/en-us/aspnet/core/blazor/…

“用户将点击本地网络上部署的文件并启动应用程序” 不是网络应用程序。

【参考方案1】：

尝试构建一个 blazor pwa 应用程序，它可以安装在桌面上，它可以像 Windows 或 Mac OS 上的桌面应用程序一样工作。这是创建示例 pwa 应用程序的 MS 文档。link to docs

安装和应用清单

在访问使用 PWA 模板创建的应用时，用户拥有 将应用程序安装到其操作系统的开始菜单、停靠栏或主页中的选项 屏幕。此选项的呈现方式取决于用户的 浏览器。使用基于 Chromium 的桌面浏览器时，例如 Edge 或 在 Chrome 中，URL 栏中会出现一个添加按钮。用户之后 选择添加按钮，他们会收到一个确认对话框：

在 ios 上，访问者可以使用 Safari 的共享按钮及其添加到主屏幕选项安装 PWA。在 android 版 Chrome 上，用户应选择右上角的菜单按钮，然后选择添加到主屏幕。

安装后，应用会出现在自己的窗口中，没有地址栏：