Blazor WASM unable to connect about pusher-websocket-dotnet

[benw-pusher]

It appears Blazor does not support websockets, see https://stackoverflow.com/questions/61906292/how-can-i-use-socket-in-blazor-client-side.

[silentdevnull]

Blazor wasm does support web sockets and has been support since blazor 3.2.0 wasm beta 1 (if I remember correctly).

I have a few different production projects using web sockets in blazor wasm to send and receive messages.

This is a old demo of them supporting websockets with a echo back service.

@page "/"
@using System.Net.WebSockets
@using System.Text
@using System.Threading
@implements IDisposable
<PageTitle>Index</PageTitle>

<h1>Echo test</h1>
<h3>State: @_webSocket.State</h3>

@if (_webSocket.State == WebSocketState.Open)
{
    <form @onsubmit="@SendMessageAsync">
        Message: <input @bind="@_message" />
        <button type="submit">Send</button>
    </form>

    <pre>@_log</pre>
}


@code {
    CancellationTokenSource _disposalTokenSource = new CancellationTokenSource();
    ClientWebSocket _webSocket = new ClientWebSocket();
    string _message = "Hello, websocket!";
    string _log = "";

    protected override async Task OnInitializedAsync()
    {
        await _webSocket.ConnectAsync(new Uri("wss://ws.postman-echo.com/raw"), _disposalTokenSource.Token);
        _ = ReceiveLoop();
    }

    async Task SendMessageAsync()
    {
        _log += $"Sending: {_message}\n";
        var dataToSend = new ArraySegment<byte>(Encoding.UTF8.GetBytes(_message));
        await _webSocket.SendAsync(dataToSend, WebSocketMessageType.Text, true, _disposalTokenSource.Token);
    }

    async Task ReceiveLoop()
    {
        var buffer = new ArraySegment<byte>(new byte[1024]);
        while (!_disposalTokenSource.IsCancellationRequested)
        {
            var received = await _webSocket.ReceiveAsync(buffer, _disposalTokenSource.Token);
            if (buffer.Array != null)
            {
                var receivedAsText = Encoding.UTF8.GetString(buffer.Array, 0, received.Count);
                _log += $"Received: {receivedAsText}\n";
            }
            StateHasChanged();
        }
    }

    public void Dispose()
    {
        _disposalTokenSource.Cancel();
        _ = _webSocket.CloseAsync(WebSocketCloseStatus.NormalClosure, "Bye", CancellationToken.None);
    }
}