AspNetCore.Docs/aspnetcore/signalr/streaming.md

title	author	description	monikerRange	ms.author	ms.custom	ms.date	uid
Use streaming in ASP.NET Core SignalR	bradygaster	Learn how to stream data between the client and the server.	>= aspnetcore-2.1	bradyg	mvc	04/12/2019	signalr/streaming

Use streaming in ASP.NET Core SignalR

By Brennan Conroy

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

ASP.NET Core SignalR supports streaming from client to server and from server to client. This is useful for scenarios where fragments of data arrive over time. When streaming, each fragment is sent to the client or server as soon as it becomes available, rather than waiting for all of the data to become available.

::: moniker-end

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

ASP.NET Core SignalR supports streaming return values of server methods. This is useful for scenarios where fragments of data arrive 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.

::: moniker-end

View or download sample code (how to download)

Set up a hub for streaming

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

A hub method automatically becomes a streaming hub method when it returns a xref:System.Threading.Channels.ChannelReader%601, 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 xref:System.Threading.Channels.ChannelReader%601 or a Task<ChannelReader<T>>.

::: moniker-end

Server-to-client streaming

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

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's triggered when the client unsubscribes from the stream. Async iterator methods avoid problems common with Channels, such as not returning the ChannelReader early enough or exiting the method without completing the xref:System.Threading.Channels.ChannelWriter`1.

[!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 xref:System.Threading.Channels.ChannelWriter%601, the 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<T> on a background thread and return the ChannelReader as soon as possible. Other hub invocations are blocked until a ChannelReader is returned.

Wrap logic in a try ... catch. Complete the Channel in the catch and outside the catch to make sure the hub method invocation is completed properly.

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

[!code-csharpStreaming hub method]

::: moniker-end

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

[!code-csharpStreaming hub method]

::: moniker-end

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

[!code-csharpStreaming hub method]

::: moniker-end

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

Server-to-client streaming hub methods can accept a CancellationToken parameter that's 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

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

Client-to-server streaming

A hub method automatically becomes a client-to-server streaming hub method when it accepts one or more xref:System.Threading.Channels.ChannelReader`1s. The following sample shows the basics of reading streaming data sent from the client. Whenever the client writes to the xref:System.Threading.Channels.ChannelWriter`1, the data is written into the ChannelReader on the server that the hub method is reading from.

[!code-csharpStreaming upload hub method]

::: moniker-end

.NET client

Server-to-client streaming

The StreamAsChannelAsync method on HubConnection is used to invoke a server-to-client 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.

::: 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

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

Client-to-server streaming

To invoke a client-to-server streaming hub method from the .NET client, create a Channel and pass the ChannelReader as an argument to SendAsync, InvokeAsync, or StreamAsChannelAsync, depending on the hub method invoked.

Whenever data is written to the ChannelWriter, the hub method on the server receives a new item with the data from the client.

To end the stream, complete the channel with channel.Writer.Complete().

var channel = Channel.CreateBounded<string>(10);
await connection.SendAsync("UploadStream", channel.Reader);
await channel.Writer.WriteAsync("some data");
await channel.Writer.WriteAsync("some more data");
channel.Writer.Complete();

::: moniker-end

JavaScript client

Server-to-client streaming

JavaScript clients call server-to-client streaming methods on hubs with 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 receive notifications from the stream invocation.

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

[!code-javascriptStreaming javascript]

To end the stream from the client, call the dispose method on the ISubscription that's returned from the subscribe method. Calling this method causes cancellation of the CancellationToken parameter of the Hub method, if you provided one.

::: moniker-end

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

[!code-javascriptStreaming javascript]

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

::: moniker-end

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

Client-to-server streaming

JavaScript clients call client-to-server streaming methods on hubs by passing in a Subject as an argument to send, invoke, or stream, depending on the hub method invoked. The Subject is a class that looks like a Subject. For example in RxJS, you can use the Subject class from that library.

[!code-javascriptUpload javascript]

Calling subject.next(item) with an item writes the item to the stream, and the hub method receives the item on the server.

To end the stream, call subject.complete().

Java client

Server-to-client streaming

The SignalR Java client uses the stream method to invoke streaming methods. stream 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 onNext, onError and onCompleted handlers are defined.

::: moniker-end

Additional resources

• Hubs
• .NET client
• JavaScript client
• Publish to Azure