();
20 |
21 | var disposable = observable.Subscribe(
22 | value => channel.Writer.TryWrite(value),
23 | error => channel.Writer.TryComplete(error),
24 | () => channel.Writer.TryComplete());
25 |
26 | // Complete the subscription on the reader completing
27 | channel.Reader.Completion.ContinueWith(task => disposable.Dispose());
28 |
29 | return channel.Reader;
30 | }
31 | }
32 | }
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/Pages/Error.cshtml:
--------------------------------------------------------------------------------
1 | @page
2 | @model ErrorModel
3 | @{
4 | ViewData["Title"] = "Error";
5 | }
6 |
7 | Error.
8 | An error occurred while processing your request.
9 |
10 | @if (Model.ShowRequestId)
11 | {
12 |
13 | Request ID: @Model.RequestId
14 |
15 | }
16 |
17 | Development Mode
18 |
19 | Swapping to Development environment will display more detailed information about the error that occurred.
20 |
21 |
22 | Development environment should not be enabled in deployed applications, as it can result in sensitive information from exceptions being displayed to end users. For local debugging, development environment can be enabled by setting the ASPNETCORE_ENVIRONMENT environment variable to Development, and restarting the application.
23 |
24 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/Pages/Error.cshtml.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Diagnostics;
4 | using System.Linq;
5 | using System.Threading.Tasks;
6 | using Microsoft.AspNetCore.Mvc;
7 | using Microsoft.AspNetCore.Mvc.RazorPages;
8 |
9 | namespace ASPNETCore_SignalR_Angular_TypeScript.Pages
10 | {
11 | public class ErrorModel : PageModel
12 | {
13 | public string RequestId { get; set; }
14 |
15 | public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
16 |
17 | [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
18 | public void OnGet()
19 | {
20 | RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier;
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/Pages/_ViewImports.cshtml:
--------------------------------------------------------------------------------
1 | @using ASPNETCore_SignalR_Angular_TypeScript
2 | @namespace ASPNETCore_SignalR_Angular_TypeScript.Pages
3 | @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
4 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/Program.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.IO;
4 | using System.Linq;
5 | using System.Threading.Tasks;
6 | using Microsoft.AspNetCore;
7 | using Microsoft.AspNetCore.Hosting;
8 | using Microsoft.Extensions.Configuration;
9 | using Microsoft.Extensions.Logging;
10 |
11 | namespace ASPNETCore_SignalR_Angular_TypeScript
12 | {
13 | public class Program
14 | {
15 | public static void Main(string[] args)
16 | {
17 | CreateWebHostBuilder(args).Build().Run();
18 | }
19 |
20 | public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>
21 | WebHost.CreateDefaultBuilder(args)
22 | .UseStartup();
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/Startup.cs:
--------------------------------------------------------------------------------
1 | using ASPNETCore_SignalR_Angular_TypeScript.Hubs;
2 | using Microsoft.AspNetCore.Builder;
3 | using Microsoft.AspNetCore.Hosting;
4 | using Microsoft.AspNetCore.HttpsPolicy;
5 | using Microsoft.AspNetCore.Mvc;
6 | using Microsoft.AspNetCore.SpaServices.AngularCli;
7 | using Microsoft.Extensions.Configuration;
8 | using Microsoft.Extensions.DependencyInjection;
9 |
10 | namespace ASPNETCore_SignalR_Angular_TypeScript
11 | {
12 | public class Startup
13 | {
14 | public Startup(IConfiguration configuration)
15 | {
16 | Configuration = configuration;
17 | }
18 |
19 | public IConfiguration Configuration { get; }
20 |
21 | // This method gets called by the runtime. Use this method to add services to the container.
22 | public void ConfigureServices(IServiceCollection services)
23 | {
24 | services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
25 |
26 | // In production, the Angular files will be served from this directory
27 | services.AddSpaStaticFiles(configuration =>
28 | {
29 | configuration.RootPath = "ClientApp/dist";
30 | });
31 |
32 | services.AddSignalR();
33 |
34 | services.AddSingleton();
35 | }
36 |
37 | // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
38 | public void Configure(IApplicationBuilder app, IHostingEnvironment env)
39 | {
40 | if (env.IsDevelopment())
41 | {
42 | app.UseDeveloperExceptionPage();
43 | }
44 | else
45 | {
46 | app.UseExceptionHandler("/Error");
47 | app.UseHsts();
48 | }
49 |
50 | //app.UseHttpsRedirection();
51 | app.UseStaticFiles();
52 | app.UseSpaStaticFiles();
53 |
54 | app.UseSignalR(route =>
55 | {
56 | route.MapHub("/chathub");
57 | route.MapHub("/stock");
58 | route.MapHub("/dynamichub");
59 | });
60 |
61 | app.UseMvc(routes =>
62 | {
63 | routes.MapRoute(
64 | name: "default",
65 | template: "{controller}/{action=Index}/{id?}");
66 | });
67 |
68 | app.UseSpa(spa =>
69 | {
70 | // To learn more about options for serving an Angular SPA from ASP.NET Core,
71 | // see https://go.microsoft.com/fwlink/?linkid=864501
72 |
73 | spa.Options.SourcePath = "ClientApp";
74 |
75 | if (env.IsDevelopment())
76 | {
77 | spa.UseAngularCliServer(npmScript: "start");
78 | }
79 | });
80 | }
81 | }
82 | }
83 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/StockTicker.cs:
--------------------------------------------------------------------------------
1 | using ASPNETCore_SignalR_Angular_TypeScript.Hubs;
2 | using ASPNETCore_SignalR_Angular_TypeScript.Models;
3 | using Microsoft.AspNetCore.SignalR;
4 | using System;
5 | using System.Collections.Concurrent;
6 | using System.Collections.Generic;
7 | using System.Linq;
8 | using System.Reactive.Subjects;
9 | using System.Threading;
10 | using System.Threading.Tasks;
11 |
12 | namespace ASPNETCore_SignalR_Angular_TypeScript
13 | {
14 | public class StockTicker
15 | {
16 | private readonly SemaphoreSlim _marketStateLock = new SemaphoreSlim(1, 1);
17 | private readonly SemaphoreSlim _updateStockPricesLock = new SemaphoreSlim(1, 1);
18 |
19 | private readonly ConcurrentDictionary _stocks = new ConcurrentDictionary();
20 |
21 | private readonly Subject _subject = new Subject();
22 |
23 | // Stock can go up or down by a percentage of this factor on each change
24 | private readonly double _rangePercent = 0.002;
25 |
26 | private readonly TimeSpan _updateInterval = TimeSpan.FromMilliseconds(250);
27 | private readonly Random _updateOrNotRandom = new Random();
28 |
29 | private Timer _timer;
30 | private volatile bool _updatingStockPrices;
31 | private volatile MarketState _marketState;
32 |
33 | public StockTicker(IHubContext hub)
34 | {
35 | Hub = hub;
36 | LoadDefaultStocks();
37 | }
38 |
39 | private IHubContext Hub
40 | {
41 | get;
42 | set;
43 | }
44 |
45 | public MarketState MarketState
46 | {
47 | get { return _marketState; }
48 | private set { _marketState = value; }
49 | }
50 |
51 | public IEnumerable GetAllStocks()
52 | {
53 | return _stocks.Values;
54 | }
55 |
56 | public IObservable StreamStocks()
57 | {
58 | return _subject;
59 | }
60 |
61 | public async Task OpenMarket()
62 | {
63 | await _marketStateLock.WaitAsync();
64 | try
65 | {
66 | if (MarketState != MarketState.Open)
67 | {
68 | _timer = new Timer(UpdateStockPrices, null, _updateInterval, _updateInterval);
69 |
70 | MarketState = MarketState.Open;
71 |
72 | await BroadcastMarketStateChange(MarketState.Open);
73 | }
74 | }
75 | finally
76 | {
77 | _marketStateLock.Release();
78 | }
79 | }
80 |
81 | public async Task CloseMarket()
82 | {
83 | await _marketStateLock.WaitAsync();
84 | try
85 | {
86 | if (MarketState == MarketState.Open)
87 | {
88 | if (_timer != null)
89 | {
90 | _timer.Dispose();
91 | }
92 |
93 | MarketState = MarketState.Closed;
94 |
95 | await BroadcastMarketStateChange(MarketState.Closed);
96 | }
97 | }
98 | finally
99 | {
100 | _marketStateLock.Release();
101 | }
102 | }
103 |
104 | public async Task Reset()
105 | {
106 | await _marketStateLock.WaitAsync();
107 | try
108 | {
109 | if (MarketState != MarketState.Closed)
110 | {
111 | throw new InvalidOperationException("Market must be closed before it can be reset.");
112 | }
113 |
114 | LoadDefaultStocks();
115 | await BroadcastMarketReset();
116 | }
117 | finally
118 | {
119 | _marketStateLock.Release();
120 | }
121 | }
122 |
123 | private void LoadDefaultStocks()
124 | {
125 | _stocks.Clear();
126 |
127 | var stocks = new List
128 | {
129 | new Stock { Symbol = "HDFC Bank", Price = 2049.35m },
130 | new Stock { Symbol = "Bharti Airtel", Price = 377.55m },
131 | new Stock { Symbol = "SBI", Price = 273.00m },
132 | new Stock { Symbol = "Reliance", Price = 984.35m }
133 | };
134 |
135 | stocks.ForEach(stock => _stocks.TryAdd(stock.Symbol, stock));
136 | }
137 |
138 | private async void UpdateStockPrices(object state)
139 | {
140 | // This function must be re-entrant as it's running as a timer interval handler
141 | await _updateStockPricesLock.WaitAsync();
142 | try
143 | {
144 | if (!_updatingStockPrices)
145 | {
146 | _updatingStockPrices = true;
147 |
148 | foreach (var stock in _stocks.Values)
149 | {
150 | TryUpdateStockPrice(stock);
151 |
152 | _subject.OnNext(stock);
153 | }
154 |
155 | _updatingStockPrices = false;
156 | }
157 | }
158 | finally
159 | {
160 | _updateStockPricesLock.Release();
161 | }
162 | }
163 |
164 | private bool TryUpdateStockPrice(Stock stock)
165 | {
166 | // Randomly choose whether to udpate this stock or not
167 | var r = _updateOrNotRandom.NextDouble();
168 | if (r > 0.1)
169 | {
170 | return false;
171 | }
172 |
173 | // Update the stock price by a random factor of the range percent
174 | var random = new Random((int)Math.Floor(stock.Price));
175 | var percentChange = random.NextDouble() * _rangePercent;
176 | var pos = random.NextDouble() > 0.51;
177 | var change = Math.Round(stock.Price * (decimal)percentChange, 2);
178 | change = pos ? change : -change;
179 |
180 | stock.Price += change;
181 | return true;
182 | }
183 |
184 | private async Task BroadcastMarketStateChange(MarketState marketState)
185 | {
186 | switch (marketState)
187 | {
188 | case MarketState.Open:
189 | await Hub.Clients.All.SendAsync("marketOpened");
190 | break;
191 | case MarketState.Closed:
192 | await Hub.Clients.All.SendAsync("marketClosed");
193 | break;
194 | default:
195 | break;
196 | }
197 | }
198 |
199 | private async Task BroadcastMarketReset()
200 | {
201 | await Hub.Clients.All.SendAsync("marketReset");
202 | }
203 | }
204 |
205 | public enum MarketState
206 | {
207 | Closed,
208 | Open
209 | }
210 | }
211 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/appsettings.Development.json:
--------------------------------------------------------------------------------
1 | {
2 | "Logging": {
3 | "LogLevel": {
4 | "Default": "Debug",
5 | "System": "Information",
6 | "Microsoft": "Information"
7 | }
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/appsettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "Logging": {
3 | "LogLevel": {
4 | "Default": "Warning"
5 | }
6 | },
7 | "AllowedHosts": "*"
8 | }
9 |
--------------------------------------------------------------------------------
/ASPNETCore-SignalR-Angular-TypeScript/wwwroot/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nemi-chand/ASPNETCore-SignalR-Angular-TypeScript/51619eea62d9423ac1a082b67ec56de8a4821c38/ASPNETCore-SignalR-Angular-TypeScript/wwwroot/favicon.ico
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ASPNET Core, SignalR, Angular and TypeScript
2 | Getting started with SignalR using Angular 5 and ASPNET Core
3 | #### Blog: https://www.c-sharpcorner.com/article/getting-started-with-signalr-using-aspnet-co-using-angular-5/
4 |
5 |
6 |
--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ASPNETCore-SignalR-Angular-TypeScript",
3 | "version": "1.0.0",
4 | "lockfileVersion": 1,
5 | "requires": true,
6 | "dependencies": {
7 | "@aspnet/signalr": {
8 | "version": "1.0.0",
9 | "resolved": "https://registry.npmjs.org/@aspnet/signalr/-/signalr-1.0.0.tgz",
10 | "integrity": "sha512-7fXNdSTnp2y7a3i7BnvBpQpDEoG71DNq1J/Caowr+3v/nzGivnJApRg40VgBp6FlyeJqoBEQO/QuDPE0kTpczg=="
11 | },
12 | "tslib": {
13 | "version": "1.9.2",
14 | "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.2.tgz",
15 | "integrity": "sha512-AVP5Xol3WivEr7hnssHDsaM+lVrVXWUvd1cfXTRkTj80b//6g2wIFEH6hZG0muGZRnHGrfttpdzRk3YlBkWjKw=="
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ASPNETCore-SignalR-Angular-TypeScript",
3 | "version": "1.0.0",
4 | "description": "Getting started with SignalR using Angular and ASPNET Core",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "keywords": [],
10 | "author": "",
11 | "license": "ISC",
12 | "dependencies": {
13 | "@aspnet/signalr": "^1.0.0",
14 | "tslib": "^1.9.2"
15 | },
16 | "devDependencies": {},
17 | "repository": {
18 | "type": "git",
19 | "url": "git+https://github.com/nemi-chand/ASPNETCore-SignalR-Angular-TypeScript.git"
20 | },
21 | "bugs": {
22 | "url": "https://github.com/nemi-chand/ASPNETCore-SignalR-Angular-TypeScript/issues"
23 | },
24 | "homepage": "https://github.com/nemi-chand/ASPNETCore-SignalR-Angular-TypeScript#readme"
25 | }
26 |
--------------------------------------------------------------------------------