ASP.NET Core での SignalR テクノロジの使用の詳細な説明-C#.Net チュートリアル-php.cn

ASP.NET Core での SignalR テクノロジの使用の詳細な説明

高洛峰

リリース： 2017-02-10 17:35:44

オリジナル

2195 人が閲覧しました

この記事では主に ASP.NET Core での SignalR テクノロジの使用方法を紹介します。編集者はそれが非常に優れていると考えたので、参考として共有します。エディターをフォローして見てみましょう

1. はじめに

前回は、ASP.NET Core で WebSocket を使用する方法について説明しました。今回の主役は、WebSocket の操作を簡素化するフレームワークを提供する SignalR です。

ASP .NET SignalR は、ASP.NET Web プロジェクトでリアルタイム通信を実現できる ASP.NET 上のクラスライブラリです。 Web 上のリアルタイムコミュニケーションとは何ですか?これは、クライアント (Web ページ) とサーバーが相互にメッセージを通知したり、メソッドを呼び出したりできるようにするためのものです。もちろん、これはリアルタイムの操作です。 WebSocket は HTML5 によって提供される新しい API であり、Web ページとサーバーの間にソケット接続を確立できます。WebSocket が使用可能な場合 (つまり、ブラウザーが HTML5 をサポートしている場合)、SignalR は WebSocket を使用します。サポートされていない場合、SignalR は他のテクノロジを使用します。同じ効果を確実にするために。もちろん、SignalR は非常にシンプルで使いやすい高レベル API も提供します。これにより、サーバーはクライアント上で JavaScript 関数を個別またはバッチで呼び出すことができ、次のような接続管理を実行するのに非常に便利です。クライアントのサーバーへの接続または切断接続、クライアントのグループ化、およびクライアントの承認はすべて、SignalR を使用して非常に簡単に実装できます。

2. SignalR の現状 SignalR は ASP.NET Core 1.0.x バージョンには含まれていないことはわかっていますが、SignalR テクノロジは ASP.NET Core 1.2 バージョンに統合される予定です。その開発チームは依然として TypeScript を使用して JavaScript クライアントを書き換えるため、サーバー側も ASP.NET Core の開発方法に近くなります。たとえば、ASP.NET Core の依存関係注入フレームワークに統合されます。

現状では、SignalR テクノロジーは 1.0 では使用できません。この記事で実装されているデモはすべて 1.1 で行われています。

3. SignalR を統合するもちろん、ASP.NET Core 1.2 の正式リリースにはまだ時間がかかります。現時点では、SignalR を手動で統合する必要があります。。

ASP.NET Core で SignalR を使用するには、まず Microsoft.AspNetCore.SignalR.Server および Microsoft.AspNetCore.WebSockets の NuGet パッケージを参照する必要があります。

もちろん、上で述べたように、現在 SignalR を統合していない ASP.NET Core は存在しないため、SignalR パッケージは NUGET で見つけることができません。参照を追加したい場合は、MyGet にアクセスして見つける必要があります。。

1. NuGet ソースを追加します

次の内容を含む NuGet.Config という名前の新しいファイルを作成します:

<?xml version="0" encoding="utf-8"?>
<configuration>
  <packageSources>
    <clear/>
      <add key="aspnetcidev" value="https://dotnetmygetorg/F/aspnetcore-ci-dev/api/v3/indexjson"/>
      <add key="apinugetorg" value="https://apinugetorg/v3/indexjson"/>
  </packageSources>
</configuration>

ログイン後にコピー

もちろん、Visual で NuGet パッケージのソースを設定することもできます。スタジオ。このアセンブリを参照します。

2. project.json への参照を追加します

"MicrosoftAspNetCoreSignalRServer": "0-*",
"MicrosoftAspNetCoreWebSockets": "0-*"

ログイン後にコピー

SignalR のバージョンは 0.2.0 のアルファ版であるため、後続のバージョンでは大きく変更される可能性があります。書き換えは簡単だと聞きました。

SignalR は現在 ASP.NET Core 1.1 以降でのみ使用できることに注意してください。この記事で使用した .NET Core SDK のバージョンは 1.0.0-preview2-003131 であるため、 CoreApp バージョンを 1.1 に変更してみると、すべての AspNetCore アセンブリもバージョン 1.1 に変更されます。

3. 構成コードを追加します

Startup クラスの ConfigureServices メソッドに次のコードを追加する必要があります:

public void ConfigureServices(IServiceCollection services)
{
   servicesAddSignalR(options => 
   {
     optionsHubsEnableDetailedErrors = true;
   });
}

ログイン後にコピー

Startup クラスの Configure メソッドに次のコードを追加します。

appUseWebSockets();
appUseSignalR();

ログイン後にコピー

4. HUB クラスを追加します

ここでは、複数の人が送信した情報を確認できる、小さなデモ、単純なチャットルームのみを実装します。

次の内容を含む chat.html という名前の Html 静的ファイルを wwwroot ディレクトリに作成します:

public class ChatHub : Hub
{
    public static List<string> ConnectedUsers;

    public void Send(string originatorUser, string message)
    {
      ClientsAllmessageReceived(originatorUser, message);
    }

    public void Connect(string newUser)
    {
      if (ConnectedUsers == null)
        ConnectedUsers = new List<string>();

      ConnectedUsersAdd(newUser);
      ClientsCallergetConnectedUsers(ConnectedUsers);
      ClientsOthersnewUserAdded(newUser);
    }
}

ログイン後にコピー

同じディレクトリに chat.js を作成し、関数を実装するスクリプトを追加します:

<!DOCTYPE html>
<html>
<head>
  <title>Awesome Chat Application</title>
  <meta charset="utf-8" />
</head>
<body>
  <style type="text/css">
    userListp{ float: right; }
  </style>
  <ul id="messages"></ul>
  <input type="text" id="messageBox" />
  <input type="button" id="sendMessage" value="Send Message!" />
  <p class="userListp">
    <ul id="userList"> </ul>
  </p>
 
  <script src="http://ajaxaspnetcdncom/ajax/jQuery/jquery-minjs"></script>
  <script src="http://ajaxaspnetcdncom/ajax/signalr/jquerysignalr-minjs"></script>
  <script src="signalr/hubs"></script>
  <script src="chatjs"></script>
</body>
</html>

ログイン後にコピー

最後に実行してみます:

以上がこの記事の全内容です。皆様の学習に役立つことを願っております。また、皆様にも PHP 中国語 Web サイトをサポートしていただければ幸いです。

ASP.NET Core での SignalR テクノロジの使用に関する詳細については、PHP 中国語 Web サイトに注目してください。