AspNetCore.Docs/aspnetcore/signalr/streaming.md

7.3 KiB

title author description monikerRange ms.author ms.custom ms.date uid
Use streaming in ASP.NET Core SignalR bradygaster Learn how to return streams of values from server hub methods and consume the streams using the .NET and JavaScript clients. >= aspnetcore-2.1 bradyg mvc 11/14/2018 signalr/streaming

Use streaming in ASP.NET Core SignalR

By Brennan Conroy

ASP.NET Core SignalR supports streaming return values of server methods. This is useful for scenarios where fragments of data will come in over time. When a return value is streamed to the client, each fragment is sent to the client as soon as it becomes available, rather than waiting for all the data to become available.

View or download sample code (how to download)

Set up the hub

::: moniker range=">= aspnetcore-3.0"

A hub method automatically becomes a streaming hub method when it returns a ChannelReader<T>, IAsyncEnumerable<T>, Task<ChannelReader<T>>, or Task<IAsyncEnumerable<T>>.

::: moniker-end

::: moniker range="< aspnetcore-3.0"

A hub method automatically becomes a streaming hub method when it returns a ChannelReader<T> or a Task<ChannelReader<T>>.

::: moniker-end

::: moniker range=">= aspnetcore-3.0"

In ASP.NET Core 3.0 or later, streaming hub methods can return IAsyncEnumerable<T> in addition to ChannelReader<T>. The simplest way to return IAsyncEnumerable<T> is by making the hub method an async iterator method as the following sample demonstrates. Hub async iterator methods can accept a CancellationToken parameter that will be triggered when the client unsubscribes from the stream. Async iterator methods easily avoid problems common with Channels such as not returning the ChannelReader early enough or exiting the method without completing the ChannelWriter.

[!INCLUDE]

[!code-csharpStreaming hub async iterator method]

::: moniker-end

The following sample shows the basics of streaming data to the client using Channels. Whenever an object is written to the ChannelWriter that object is immediately sent to the client. At the end, the ChannelWriter is completed to tell the client the stream is closed.

[!NOTE]

  • Write to the ChannelWriter on a background thread and return the ChannelReader as soon as possible. Other hub invocations will be blocked until a ChannelReader is returned.
  • Wrap your logic in a try ... catch and complete the Channel in the catch and outside the catch to make sure the hub method invocation is completed properly.

::: moniker range="= aspnetcore-2.1"

[!code-csharpStreaming hub method]

::: moniker-end

::: moniker range=">= aspnetcore-2.2"

[!code-csharpStreaming hub method]

In ASP.NET Core 2.2 or later, streaming hub methods can accept a CancellationToken parameter that will be triggered when the client unsubscribes from the stream. Use this token to stop the server operation and release any resources if the client disconnects before the end of the stream.

::: moniker-end

.NET client

The StreamAsChannelAsync method on HubConnection is used to invoke a streaming method. Pass the hub method name, and arguments defined in the hub method to StreamAsChannelAsync. The generic parameter on StreamAsChannelAsync<T> specifies the type of objects returned by the streaming method. A ChannelReader<T> is returned from the stream invocation, and represents the stream on the client. To read data, a common pattern is to loop over WaitToReadAsync and call TryRead when data is available. The loop will end when the stream has been closed by the server, or the cancellation token passed to StreamAsChannelAsync is canceled.

::: moniker range=">= aspnetcore-2.2"

// Call "Cancel" on this CancellationTokenSource to send a cancellation message to
// the server, which will trigger the corresponding token in the hub method.
var cancellationTokenSource = new CancellationTokenSource();
var channel = await hubConnection.StreamAsChannelAsync<int>(
    "Counter", 10, 500, cancellationTokenSource.Token);

// Wait asynchronously for data to become available
while (await channel.WaitToReadAsync())
{
    // Read all currently available data synchronously, before waiting for more data
    while (channel.TryRead(out var count))
    {
        Console.WriteLine($"{count}");
    }
}

Console.WriteLine("Streaming completed");

::: moniker-end

::: moniker range="= aspnetcore-2.1"

var channel = await hubConnection
    .StreamAsChannelAsync<int>("Counter", 10, 500, CancellationToken.None);

// Wait asynchronously for data to become available
while (await channel.WaitToReadAsync())
{
    // Read all currently available data synchronously, before waiting for more data
    while (channel.TryRead(out var count))
    {
        Console.WriteLine($"{count}");
    }
}

Console.WriteLine("Streaming completed");

::: moniker-end

JavaScript client

JavaScript clients call streaming methods on hubs by using connection.stream. The stream method accepts two arguments:

  • The name of the hub method. In the following example, the hub method name is Counter.
  • Arguments defined in the hub method. In the following example, the arguments are: a count for the number of stream items to receive, and the delay between stream items.

connection.stream returns an IStreamResult which contains a subscribe method. Pass an IStreamSubscriber to subscribe and set the next, error, and complete callbacks to get notifications from the stream invocation.

[!code-javascriptStreaming javascript]

::: moniker range="= aspnetcore-2.1"

To end the stream from the client, call the dispose method on the ISubscription that is returned from the subscribe method.

::: moniker-end

::: moniker range=">= aspnetcore-2.2"

To end the stream from the client, call the dispose method on the ISubscription that is returned from the subscribe method. Calling this method will cause the CancellationToken parameter of the Hub method (if you provided one) to be canceled.

::: moniker-end

::: moniker range=">= aspnetcore-3.0"

Java client

The SignalR Java client uses the stream method to invoke streaming methods. It accepts three or more arguments:

  • The expected type of the stream items
  • The name of the hub method.
  • Arguments defined in the hub method.
hubConnection.stream(String.class, "ExampleStreamingHubMethod", "Arg1")
    .subscribe(
        (item) -> {/* Define your onNext handler here. */ },
        (error) -> {/* Define your onError handler here. */},
        () -> {/* Define your onCompleted handler here. */});

The stream method on HubConnection returns an Observable of the stream item type. The Observable type's subscribe method is where you define your onNext, onError and onCompleted handlers.

::: moniker-end