Update local chatroom to 3.1 (#122)

Author: vicancy

samples/ChatRoomLocal/ChatRoomLocal.csproj

@@ -1,15 +1,11 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
   <PropertyGroup>
-    <TargetFramework>netcoreapp2.2</TargetFramework>
+    <TargetFramework>netcoreapp3.1</TargetFramework>
     <UserSecretsId>chatroom</UserSecretsId>
     <RootNamespace>Microsoft.Azure.SignalR.Samples.ChatRoom</RootNamespace>
   </PropertyGroup>
 
   <ItemGroup>
     <Folder Include="wwwroot\" />
   </ItemGroup>
-
-  <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.App" Version="2.2.0" />
-  </ItemGroup>
 </Project>

samples/ChatRoomLocal/Program.cs

@@ -1,20 +1,23 @@
 // Copyright (c) Microsoft. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
-using Microsoft.AspNetCore;
 using Microsoft.AspNetCore.Hosting;
+using Microsoft.Extensions.Hosting;
 
 namespace Microsoft.Azure.SignalR.Samples.ChatRoom
 {
     public class Program
     {
         public static void Main(string[] args)
         {
-            CreateWebHostBuilder(args).Build().Run();
+            CreateHostBuilder(args).Build().Run();
         }
 
-        public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>
-            WebHost.CreateDefaultBuilder(args)
-                .UseStartup<Startup>();
+        public static IHostBuilder CreateHostBuilder(string[] args) =>
+            Host.CreateDefaultBuilder(args)
+                .ConfigureWebHostDefaults(webBuilder =>
+                {
+                    webBuilder.UseStartup<Startup>();
+                });
     }
 }

samples/ChatRoomLocal/Properties/launchSettings.json

@@ -3,8 +3,8 @@
     "windowsAuthentication": false,
     "anonymousAuthentication": true,
     "iisExpress": {
-      "applicationUrl": "http://localhost:5000/",
-      "sslPort": 0
+      "applicationUrl": "http://localhost:56058",
+      "sslPort": 44395
     }
   },
   "profiles": {
@@ -18,10 +18,10 @@
     "ChatRoomLocal": {
       "commandName": "Project",
       "launchBrowser": true,
+      "applicationUrl": "https://localhost:5001;http://localhost:5000",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
-      },
-      "applicationUrl": "http://localhost:5000/"
+      }
     }
   }
 }

samples/ChatRoomLocal/README.md

@@ -24,7 +24,7 @@ Let's implement this feature step by step.
     dotnet new web
     ```
 
-    > Before you start, make sure you installed the latest [.NET Core 2.1 SDK](https://www.microsoft.com/net/download/dotnet-core/sdk-2.1.300).
+    > Before you start, make sure you installed the latest [.NET Core 3.1 SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1).
 
 2.  Create a `Chat.cs` that defines a `Chat` hub class.
 
@@ -45,7 +45,7 @@ Let's implement this feature step by step.
     }
     ```
 
-    > SignalR SDK is already *included* in `Microsoft.AspNetCore.App` package reference in ChatRoomLocal.csproj file.
+    > SignalR feature is already *available* as part of the `Microsoft.AspNetCore.App` shared framework.
 
     Hub is the core concept in SignalR which exposes a set of methods that can be called from clients. Here we define two methods: `Broadcast()` which broadcasts the message to all clients and `Echo()` which sends the message back to the caller.
 
@@ -59,30 +59,35 @@ Let's implement this feature step by step.
         services.AddSignalR();
     }
 
-    public void Configure(IApplicationBuilder app)
+    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
     {
         ...
-        app.UseSignalR(routes =>
+        app.UseRouting();
+        app.UseEndpoints(endpoints =>
         {
-            routes.MapHub<Chat>("/chat");
+            endpoints.MapHub<Chat>("/chat");
         });
+        ...
     }
     ```
 
-    > Make sure you remove `app.Run(...)` from `Configure()`, which will always give you a Hello World page.
+    > Make sure you remove `endpoints.MapGet("/", async context =>...` from inside `app.UseEndpoint` in method `Configure()`, which will always give you a Hello World page.
 
     The key changes here are `AddSignalR()` which initializes the SignalR runtime and `MapHub()` which maps the hub to the `/chat` endpoint so clients can access the hub using this url.
 
 4.  The last step is to create the UI of the chat room. In this sample, we will use HTML and Javascript to build a web application:
 
     Copy the HTML and script files from [wwwroot](wwwroot/) of the sample project to the `wwwroot` folder of your project.
-    Add the following code to `Startup.cs` to make the application serve the pages:
+    Add the following code to `Startup.cs` above `app.UseRouting()` to make the application serve the pages:
 
     ```cs
     public void Configure(IApplicationBuilder app, IHostingEnvironment env)
     {
         ...
-        app.UseFileServer();
+        app.UseDefaultFiles();
+        app.UseStaticFiles();
+        app.UseRouting();
+        ...
     }
     ```
 

samples/ChatRoomLocal/Startup.cs

@@ -2,33 +2,35 @@
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
 using Microsoft.AspNetCore.Builder;
-using Microsoft.Extensions.Configuration;
+using Microsoft.AspNetCore.Hosting;
 using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Hosting;
 
 namespace Microsoft.Azure.SignalR.Samples.ChatRoom
 {
     public class Startup
     {
-        public Startup(IConfiguration configuration)
-        {
-            Configuration = configuration;
-        }
-
-        public IConfiguration Configuration { get; }
-
+        // This method gets called by the runtime. Use this method to add services to the container.
+        // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
         public void ConfigureServices(IServiceCollection services)
         {
-            services.AddMvc();
             services.AddSignalR();
         }
 
-        public void Configure(IApplicationBuilder app)
+        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
+        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
         {
-            app.UseMvc();
-            app.UseFileServer();
-            app.UseSignalR(routes =>
+            if (env.IsDevelopment())
+            {
+                app.UseDeveloperExceptionPage();
+            }
+
+            app.UseDefaultFiles();
+            app.UseStaticFiles();
+            app.UseRouting();
+            app.UseEndpoints(endpoints =>
             {
-                routes.MapHub<Chat>("/chat");
+                endpoints.MapHub<Chat>("/chat");
             });
         }
     }

samples/ChatRoomLocal/wwwroot/index.html

@@ -35,7 +35,7 @@ <h2 class="text-center" style="margin-top: 0; padding-top: 30px; padding-bottom:
     </div>
     <!--Script references. -->
     <!--Reference the SignalR library. -->
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@aspnet/signalr@1.0.0/dist/browser/signalr.min.js"></script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@microsoft/signalr@3.1.0/dist/browser/signalr.min.js"></script>
 
     <!--Add script to update the page and send messages.-->
     <script type="text/javascript">