発表資料です https://fukuten.connpass.com/event/91571/

1. 未知との交信！？Project Signal R
2018/06/30 Fukuoka.NET #10
@tsubakimoto_s

2. 松村優大 (MLBお兄さん)
• 株式会社オルターブース
• Microsoft MVP (for VSDT)
• C#/PHP/Azure/AWS
• 島根県出身の30歳
2

3. 本日の内容
• .NET Coreのサポート計画
• ASP.NET Core SignalR
• Azure SignalR Service
• デモ
7

4. .NET Coreのサポート計画
8

5. .NET Core versions
11https://github.com/dotnet/core/blob/master/microsoft-support.md
LTS (Long Term Support／長期的サポート)
安定的な機能やコンポーネントを提供
更新頻度を減らしたいアプリケーション向き
Current (現在のリリース)
新機能を含むが将来的な変更の可能性あり
継続的なアップデートが必要

6. .NET Coreのサポート計画
12
• LTS
• そのLTSの最初のリリースからの3年間
• 次のLTSのリリース後1年経過するまで
• Current
• 次のCurrentまたはLTSのバージョンの
リリース後3ヶ月経過するまで

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

9. .NET Core 2.1
15
2018年10月までにLTSになる予定であると
アナウンスされている。
今後新しくアプリケーションを作るときは
.NET Core 2.1 が推奨されている。
https://blogs.msdn.microsoft.com/dotnet/2018/05/30/announcing-net-core-2-1/

10. 詳細はブログで
16https://tsubalog.hatenablog.com/entry/2018/06/23/102443

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

12. 18https://blogs.msdn.microsoft.com/dotnet/2018/05/07/net-core-3-and-support-for-windows-desktop-applications/

13. ASP.NET Core SignalR
19

14. ASP.NET Core SignalR
• “Realtime Web”を実現する基盤機能
• WebSocketによるプッシュ型通信
• ASP.NET Core 2.1でサポート開始
• ASP.NETでは以前よりサポートされている
20

15. SignalRの通信イメージ
21https://docs.microsoft.com/ja-jp/aspnet/signalr/overview/getting-started/introduction-to-signalr

16. 位置づけ
22
.NET Core
ASP.NET Core
Razor Pages MVC
Web APISignalR

17. SignalRが適するケース
• チャット
• ホワイトボード
• サイト内／アプリケーション内での
プッシュ型通知
※WinFormsやXamarinでも利用可能
23https://github.com/aspnet/SignalR-samples

18. ASP.NET Core SignalRの実装
24

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

20. Hubクラスとは
サーバーに接続しているクライアントに対して、
クライアント側に定義したメソッドを呼び出す
機能を定義する。
• 名前空間: Microsoft.AspNetCore.SignalR.Hub
• パッケージ: Microsoft.AspNetCore.App 2.1~
• クライアント: JavaScript / C#(WinForms, Xamarin,
etc)
26

21. ChatHub.cs (sample)
27
using Microsoft.AspNetCore.SignalR;
namespace ChatSample.Hubs
{
public class ChatHub : Hub
{
public void Send(string name, string message)
{
Clients.All.SendAsync("broadcastMessage", name, message);
}
}
}
クライアントに定義されたメソッド名

22. Startup.cs
28
public void Configure(IApplicationBuilder app)
{
app.UseSignalR(routes =>
{
routes.MapHub<ChatHub>("/chat");
});
エンドポイント
public void ConfigureServices(IServiceCollection services)
{
// "SignalRを使うよ"という宣言
services.AddSignalR();

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から呼び出される関数

25. デモ
http://bit.ly/fukuten10demo
https://github.com/aspnet/SignalR-samples
31
ASP.NET Core SignalR
JavaScript

26. Azure SignalR Service
32

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円

28. フルマネージドサービスである良さ
• WebSocketサーバーの管理
• パフォーマンス
• スケーラビリティ
• 可用性 など
• これらを自身で管理する必要がなくなる
• 99.9%のSLA
34

29. スケール
35

30. Startup.cs
36
public void ConfigureServices(IServiceCollection services)
{
// "Azure SignalR Serviceを使うよ"という宣言
services.AddSignalR().AddAzureSignalR("接続文字列");
public void Configure(IApplicationBuilder app)
{
app.UseAzureSignalR(routes =>
{
routes.MapHub<ChatHub>("/chat");
});
Azure SignalR Serviceに接続

31. 認証
• Azure SignalR Serviceに接続する際に
認証を求めることが可能
• OAuth認証をサポートする外部サービス
• GitHub
• Facebook
• Azure Active Directory
など
37

32. ログ／Application Insights
• ILogger<T>を使用する
• 従来のASP.NET Coreと同じ
• ログをApplication Insightsに送信する
• Microsoft.ApplicationInsights.AspNetCore
• ILoggerFactoryの拡張 (Startup.cs)
38

33. ILoggerFactoryの拡張 (Startup.cs)
39
送信するログの段階
・Trace
・Debug
・Information
・Warning
・Error
・Critical
・None

34. 40

35. ご清聴ありがとうございました
41