72 lines
No EOL
1.7 KiB
Text
72 lines
No EOL
1.7 KiB
Text
@page "/hub"
|
|
@using Microsoft.AspNetCore.SignalR.Client
|
|
@inject NavigationManager Navigation
|
|
@implements IAsyncDisposable
|
|
|
|
<PageTitle>Home</PageTitle>
|
|
|
|
<div class="form-group">
|
|
<label>
|
|
User:
|
|
<input @bind="userInput" />
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>
|
|
Message:
|
|
<input @bind="messageInput" size="50" />
|
|
</label>
|
|
</div>
|
|
<button @onclick="Send" disabled="@(!IsConnected)">Send</button>
|
|
|
|
<hr>
|
|
|
|
<ul id="messagesList">
|
|
@foreach (var message in messages)
|
|
{
|
|
<li>@message</li>
|
|
}
|
|
</ul>
|
|
|
|
@code {
|
|
private HubConnection? hubConnection;
|
|
private List<string> messages = [];
|
|
private string? userInput;
|
|
private string? messageInput;
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
hubConnection = new HubConnectionBuilder()
|
|
.WithUrl(Navigation.ToAbsoluteUri("/hubs/example"))
|
|
.AddMessagePackProtocol()
|
|
.Build();
|
|
|
|
hubConnection.On<string, string>("ReceiveMessage", (user, message) =>
|
|
{
|
|
var encodedMsg = $"{user}: {message}";
|
|
messages.Add(encodedMsg);
|
|
InvokeAsync(StateHasChanged);
|
|
});
|
|
|
|
await hubConnection.StartAsync();
|
|
}
|
|
|
|
private async Task Send()
|
|
{
|
|
if (hubConnection is not null)
|
|
{
|
|
await hubConnection.SendAsync("SendMessage", userInput, messageInput);
|
|
}
|
|
}
|
|
|
|
public bool IsConnected =>
|
|
hubConnection?.State == HubConnectionState.Connected;
|
|
|
|
public async ValueTask DisposeAsync()
|
|
{
|
|
if (hubConnection is not null)
|
|
{
|
|
await hubConnection.DisposeAsync();
|
|
}
|
|
}
|
|
} |