Merge pull request #137 from JialinXin/blazor-chat

Add a tutorial to build a simple chat Blazor Server app.

Author: JialinXin

docs/images/blazorchat-azure.png

@@ -0,0 +1,11 @@
+
+<Router AppAssembly="@typeof(Program).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+    </Found>
+    <NotFound>
+        <LayoutView Layout="@typeof(MainLayout)">
+            <p>Sorry, there's nothing at this address.</p>
+        </LayoutView>
+    </NotFound>
+</Router>

docs/images/blazorchat-profile.gif

@@ -0,0 +1,12 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>netcoreapp3.1</TargetFramework>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.SignalR.Client" Version="3.1.7" />
+    <PackageReference Include="Microsoft.Azure.SignalR" Version="1.4.0" />
+  </ItemGroup>
+
+</Project>

docs/images/blazorchat.gif

@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.30404.54
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorChat", "BlazorChat.csproj", "{CB98C96E-8B22-41E2-84C7-89FE3507CAA5}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{CB98C96E-8B22-41E2-84C7-89FE3507CAA5}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{CB98C96E-8B22-41E2-84C7-89FE3507CAA5}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{CB98C96E-8B22-41E2-84C7-89FE3507CAA5}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{CB98C96E-8B22-41E2-84C7-89FE3507CAA5}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {20B707F6-886D-4DC7-8D78-0F691346FA8E}
+	EndGlobalSection
+EndGlobal

docs/images/serversideblazor-dependency.png

@@ -0,0 +1,29 @@
+using System;
+using System.Threading.Tasks;
+
+using Microsoft.AspNetCore.SignalR;
+
+namespace BlazorChat
+{
+    public class BlazorChatSampleHub : Hub
+    {
+        public const string HubUrl = "/chat";
+
+        public async Task Broadcast(string username, string message)
+        {
+            await Clients.All.SendAsync("Broadcast", username, message);
+        }
+
+        public override Task OnConnectedAsync()
+        {
+            Console.WriteLine($"{Context.ConnectionId} connected");
+            return base.OnConnectedAsync();
+        }
+
+        public override async Task OnDisconnectedAsync(Exception e)
+        {
+            Console.WriteLine($"Disconnected {e?.Message} {Context.ConnectionId}");
+            await base.OnDisconnectedAsync(e);
+        }
+    }
+}