Added signalR

Author: jioo

WebApi/Hubs/BroadcastHub.cs

@@ -0,0 +1,13 @@
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.SignalR;
+
+namespace Hubs.BroadcastHub
+{
+    public class BroadcastHub : Hub
+    {
+        public async Task SendMessage(string message)
+        {
+            await Clients.All.SendAsync("send", message);
+        }
+    }
+}

WebApi/Startup.cs

@@ -29,6 +29,7 @@
 using WebApi.Services;
 using WebApi.Repositories;
 using WebApi.Helpers;
+using Hubs.BroadcastHub;
 
 namespace WebApi
 {
@@ -128,6 +129,7 @@ public void ConfigureServices(IServiceCollection services)
 
             services.AddAntiforgery(options => options.HeaderName = "X-XSRF-TOKEN");
             services.AddCors();
+            services.AddSignalR();
 
             services.AddSwaggerGen(c =>
             {
@@ -204,6 +206,11 @@ public void Configure(IApplicationBuilder app, IHostingEnvironment env, IService
             app.UseDefaultFiles(); 
             app.UseStaticFiles();
 
+            app.UseSignalR(routes =>
+            {
+                routes.MapHub<BroadcastHub>("/broadcast");
+            });
+
             CreateUsersAndRoles(services).Wait();
             AttendanceConfiguration(services).Wait();
         }

WebApi/WebApi.csproj

@@ -12,6 +12,7 @@
   <ItemGroup>
     <PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="3.2.0" />
     <PackageReference Include="Microsoft.AspNetCore.All" />
+    <PackageReference Include="Microsoft.AspNetCore.SignalR" Version="1.0.2" />
     <PackageReference Include="Microsoft.AspNetCore.StaticFiles" Version="2.1.0" />
     <PackageReference Include="Swashbuckle.AspNetCore" Version="2.5.0" />
   </ItemGroup>

WebClient/package-lock.json

@@ -13,10 +13,12 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "@aspnet/signalr": "^1.0.2",
     "axios": "^0.18.0",
     "lodash": "^4.17.10",
     "moment": "^2.22.2",
     "nprogress": "^0.2.0",
+    "tslib": "^1.9.3",
     "vue": "^2.5.2",
     "vue-notification": "^1.3.10",
     "vue-router": "^3.0.1",

WebClient/package.json

@@ -24,6 +24,9 @@
 <script>
 import { LOG_EMPLOYEE } from '@/store/actions-type'
 import { mapGetters } from 'vuex'
+// import { HubConnection } from '@aspnet/signalr'
+import * as signalR from "@aspnet/signalr";
+
 
 export default {
     data () {
@@ -59,6 +62,18 @@ export default {
         resetForm () {
             this.$refs.form.reset()
         }
+    },
+
+    mounted () {
+        const connection = new signalR.HubConnectionBuilder()
+            .withUrl("http://localhost:5000/broadcast")
+            .build();
+
+        connection.on("send", (data) => {
+            console.log(data)
+        })
+
+        connection.start().catch(err => document.write(err));
     }
 }
 </script>