一个 Blazor 项目能否同时包含 WebAssembly 部分和服务器端部分？

Question

现在 Blazor WebAssembly 正式发布，我尝试使用该模板创建我的第一个 Blazor wasm 项目，但很快注意到一件事与我所期望的完全不同。模板中似乎没有“服务器”部分，发布的结果仅包含静态资产（包括所有 .dll 文件）。当然，我想知道如何访问我的在线数据库？允许客户端直接访问我的数据库听起来是一个糟糕的主意（如果它可以做到的话），因为我必须在我的客户端代码中的某处包含我的连接字符串......绝对不！

在谷歌上快速搜索后，似乎每个人都在使用另一台服务器使用 API 来提供数据。好的，很好，但是如果我可以将我的服务器部分包含在同一个项目中，并使用 WebSocket（就像在 Blazor 服务器中一样）而不是 API 与我的客户端进行通信，那不是更好吗？那可能吗？

Answer 1

您可以创建 WebAseembly Blazor 托管应用程序。如果您使用 Visual Studio 创建您的项目，您应该检查托管复选框。这为您创建了 3 个项目。一个用于 WebAseembly Blazor 应用程序（客户端文件夹），第二个用于托管和服务（服务器文件夹）客户端 Blazor 应用程序，第三个（共享文件夹）用于两个项目之间的共享对象，例如数据库模型.

Server 应用程序还包含控制器类，用于演示如何从客户端 Blazor 调用 Web Api 端点到服务器（Web Api）。您可以创建一个专用的 Web Api 来访问您的数据库数据。

注意：由于 Blazor 客户端应用程序在浏览器上运行，因此您无法直接访问您的数据库。您应该对 Web Api 端点使用 HTTP 调用，这些方法的操作可以直接从数据库中检索数据（不推荐），或者通过创建数据库访问服务或存储库间接检索数据。

更新：

客户端和服务器端（或更准确地说是 web api 端点）之间的主要传输方式是 Fetch Api；也就是说，您需要对 Web Api 执行 HTTP 调用。但是，您可以在客户端应用程序 (Client SignalR) 中使用 SignalR。在此处查看示例：