Contenu connexe
Similaire à 未知との交信!?Project SignalR (20)
Plus de Yuta Matsumura (14)
未知との交信!?Project SignalR
- 7. .NET Coreのサポート計画
バージョン レベル リリース日 サポート終了日
1.0 LTS 2016/06/27 2019/06/27
1.1 LTS 2016/11/16 2019/06/27
2.0 Current 2017/08/14 2018/10/01
2.1 Current 2018/05/30 At least three years
3.0 ??? ??? ???
13
- 8. .NET Coreのサポート計画
バージョン レベル リリース日 サポート終了日
1.0 LTS 2016/06/27 2019/06/27
1.1 LTS 2016/11/16 2019/06/27
2.0 Current 2017/08/14 2018/10/01
2.1 Current 2018/05/30 At least three years
3.0 ??? ??? ???
14
- 11. .NET Coreのサポート計画
バージョン レベル リリース日 サポート終了日
1.0 LTS 2016/06/27 2019/06/27
1.1 LTS 2016/11/16 2019/06/27
2.0 Current 2017/08/14 2018/10/01
2.1 Current 2018/05/30 At least three years
3.0 ??? ??? ???
17
- 14. ASP.NET Core SignalR
• “Realtime Web”を実現する基盤機能
• WebSocketによるプッシュ型通信
• ASP.NET Core 2.1でサポート開始
• ASP.NETでは以前よりサポートされている
20
- 19. バックエンド
1. ASP.NET Coreプロジェクトの作成
• Razor Pages or MVC
2. Hubクラスの作成
3. Startup.csにSignalRを適用
25https://docs.microsoft.com/en-us/aspnet/core/tutorials/signalr?view=aspnetcore-2.1
- 23. クライアント (Javascript)
1. npm install @aspnet/signalr
2. Hubへの接続確立
3. Hubから呼び出される関数の定義
→リアルタイム処理を実装
4. バックエンドとの通信開始
29https://docs.microsoft.com/en-us/aspnet/core/tutorials/signalr?view=aspnetcore-2.1
- 24. クライアント (Javascript)
30
//接続の確立
var connection = new signalR.HubConnectionBuilder()
.withUrl('/chat’)
.build();
connection.on('broadcastMessage', function (name, message) {
//do something
});
//通信開始
connection.start()
.then(function () { /*接続成功のときの処理*/ })
.catch(error => { /*接続失敗のときの処理*/ });
Hubのエンドポイントを指定
Hubから呼び出される関数
- 27. Azure SignalR Serviceとは
• ASP.NET Core SignalRをホストする
Webサーバーのフルマネージドサービス
• パブリックプレビュー (2018/06/30時点)
33https://azure.microsoft.com/en-us/blog/azure-signalr-service-a-fully-managed-service-to-add-real-time-functionality/
1ヶ月で約2,700円
- 31. 認証
• Azure SignalR Serviceに接続する際に
認証を求めることが可能
• OAuth認証をサポートする外部サービス
• GitHub
• Facebook
• Azure Active Directory
など
37