blazor - 单个 Blazor 项目是否可以同时包含 WebAssembly 部分和服务器端部分？

Question

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

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

标签： blazorblazor-server-sideblazor-client-side

Answer 1

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

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

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

更新：

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