Blazor 服务器方法调用和执行详细信息

Question

我关注this Blazor Server Counter Increment example。

具体代码示例如下。

我有三个问题：

1 - 点击按钮后是否通过 SignalR 调用 IncrementCount？

2 - IncrementCount 的执行是否发生在服务器上？ （而不是在浏览器中）

3 - 如果是通过 SignalR - 我如何才能看到使用 Chrome 开发人员工具进行的“调用”（请求）？我查看了网络选项卡，但看不到任何活动。看截图：

代码示例：

@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

Answer 1

使用 Blazor 服务器

1 - 是的，它通过 SignalR 发生
2 - 是的，它在服务器上运行
3 - SignalR 默认使用 websoket，如果您想在浏览器开发工具中查看 Http 请求，configure SignalR transport to use long pooling
或者使用firefox，可以使用Firefox’s New WebSocket Inspecto

使用 Blazor WASM

1 - 不，它在浏览器上执行
2 - 不，它在浏览器上执行
3 - 没有请求，但你可以 debug using Visual Studio breakpoint 从 3.1-preview4 开始