使用 Visual Studio 2019 创建 UWP PWA 应用答案

【问题标题】：Create UWP PWA app with Visual Studio 2019使用 Visual Studio 2019 创建 UWP PWA 应用
【发布时间】：2020-07-26 15:00:26
【问题描述】：

我正在考虑使用 Microsoft 的 PWA 模型构建 Windows 应用程序，其中 PWA 应用程序可以包装在 UWP 应用程序中并提交到商店。我正在使用这些说明：https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-edgehtml/windows-features#feedback

我正在使用 Visual Studio 2019，因为，嗯，现在是 2020 年了。但是，这些说明似乎仅适用于 VS 2017。所有相同的项目模板都存在于 VS2019 中，但工作方式不尽相同。具体来说，Windows 应用程序打包项目模板中的 App.manifest 不支持“StartPage”。

我尝试创建一个空白的 UWP 应用，然后放入一个 WebView。它将加载外部 PWA 或网页，但不会从 localhost 加载站点……这是实际进行任何开发所必需的。

有谁知道如何在 VS2019 上进行这项工作，或者对我如何获得此设置有其他想法？

我的最终目标是创建一个在 Xbox/Windows 10 上运行的 PWA，可能使用 Blazor（客户端）作为 PWA。

【问题讨论】：

标签： visual-studio uwp progressive-web-apps

【解决方案1】：

在 Visual Studio 2019 中，用于使用 Javascript 构建 UWP 应用程序的所有模板 (.jsproj) 已被删除，因此您无法使用 Visual Studio 2019 来构建您的 PWA-UWP 项目。

如果你打算通过 PWA 构建你的 UWP 应用程序并使用一些 WinRT-API，你仍然需要使用 Visual Studio 2017。

此外，UWP 应用程序具有本地网络环回限制。在调试过程中，Visual Studio 将解除此限制，但在发布模式下，UWP 应用程序无法访问 localhost。虽然this way可以解除限制，但UWP访问localhost并不是推荐的方式。

谢谢。

【讨论】：

从 VS 2019 中删除的任何具体原因？

【解决方案2】：

您可以使用 PWA Builder 生成 appx 包，而无需使用 Visual Studio： https://www.pwabuilder.com/publish

【讨论】：