mirror of
https://github.com/chsakell/aspnet-core-signalr-angular.git
synced 2025-12-22 17:27:48 +00:00
85 lines
4.6 KiB
Markdown
85 lines
4.6 KiB
Markdown
# aspnet-core-signalr-angular
|
|
|
|
Blog post: <a href="http://wp.me/p3mRWu-1b2" taget="_blank">Real-time applications using ASP.NET Core, SignalR & Angular</a><br/>
|
|
<h5>Features explained</h5>
|
|
<ul>
|
|
<li>Fire up an empty <span style="color: #FF5722;">ASP.NET Core</span> web application using <a href="" target="_blank">yeoman</a></li>
|
|
<li>Configure and install <span style="color: #FF5722;">MVC and SignalR Server</span> dependencies</li>
|
|
<li>Install <span style="color: #FF5722;">SignalR Client-Typescript</span> dependencies</li>
|
|
<li>Create SignalR hubs</li>
|
|
<li>Integrate <span style="color: #FF5722;">MVC Controllers <i>(API)</i></span> with SignalR</li>
|
|
<li>Create the <span style="color: #FF5722;">Angular-SignalR</span> service to communicate with SignalR hubs</li>
|
|
<li>Add Reccurent Tasks on a ASP.NET Core application</li>
|
|
</ul>
|
|
<a href="http://wp.me/p3mRWu-1b2" target="_blank"><img src="https://chsakell.files.wordpress.com/2016/10/aspnet-core-signalr-angular.png" alt="dotnet-core-api-14" class="alignnone size-full wp-image-4397"></a>
|
|
|
|
<h3>Installation Instructions</h3>
|
|
<ol>
|
|
<li>Clone or download the repository and open it on your favorite editor</li>
|
|
<li>Make sure you have the latest .NET Core version installed (<a href="https://www.microsoft.com/net/core">link 1</a> - <a href="https://www.microsoft.com/net/download/core">link 2</a>)</li>
|
|
<li>Open a command prompt and run the following commands
|
|
<ol>
|
|
<li><b>npm install</b></li>
|
|
<li><b>bower install</b></li>
|
|
<li><b>npm start</b></li>
|
|
</ol>
|
|
</li>
|
|
<li>Open another command prompt and run the following commands
|
|
<ol>
|
|
<li><b>dotnet restore</b></li>
|
|
<li><b>dotnet run</b></li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
|
|
<p>
|
|
<a href="http://wp.me/p3mRWu-1b2" target="_blank">
|
|
<img src="https://chsakell.files.wordpress.com/2016/10/aspnet-core-signalr-angular-05.gif" alt="aspnet-core-signalr-angular" />
|
|
</a>
|
|
</p>
|
|
|
|
<h2>Microsoft Azure Deployment</h2>
|
|
Learn how to deploy an ASP.NET Core - Angular 2 - SignalR app on Microsoft Azure <a href="http://wp.me/p3mRWu-1bi" target="_blank">here</a>.
|
|
<h2>Donations</h2>
|
|
For being part of open source projects and documenting my work here and on <a href="https://chsakell.com">chsakell's blog</a> I really do not charge anything. I try to avoid any type of ads also.
|
|
|
|
If you think that any information you obtained here is worth of some money and are willing to pay for it, feel free to send any amount through paypal.
|
|
|
|
<table>
|
|
<tr><th>Paypal</th></tr>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=chsakell%40gmail%2ecom&lc=US&item_name=Donation%20for%20chsakell%27s%20blog¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" style="text-align:center;display:block">
|
|
<img src="https://www.paypalobjects.com/webstatic/en_US/btn/btn_donate_cc_147x47.png" alt="Buy me a beer" />
|
|
</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3 style="font-weight:normal;">Follow chsakell's Blog</h3>
|
|
<table id="gradient-style" style="box-shadow:3px -2px 10px #1F394C;font-size:12px;margin:15px;width:290px;text-align:left;border-collapse:collapse;" summary="">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:130px;font-size:13px;font-weight:bold;padding:8px;background:#1F1F1F repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#E0E0E0;" align="center" scope="col">Facebook</th>
|
|
<th style="font-size:13px;font-weight:bold;padding:8px;background:#1F1F1F repeat-x;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#E0E0E0;" align="center" scope="col">Twitter</th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" style="text-align:center;">Microsoft Web Application Development</td>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody>
|
|
<tr>
|
|
<td style="padding:8px;border-bottom:1px solid #fff;color:#FFA500;border-top:1px solid #fff;background:#1F394C repeat-x;">
|
|
<a href="https://www.facebook.com/chsakells.blog" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/facebook.png?w=120&h=120&crop=1" alt="facebook" width="120" height="120" class="alignnone size-opti-archive wp-image-3578"></a>
|
|
</td>
|
|
<td style="padding:8px;border-bottom:1px solid #fff;color:#FFA500;border-top:1px solid #fff;background:#1F394C repeat-x;">
|
|
<a href="https://twitter.com/chsakellsBlog" target="_blank"><img src="https://chsakell.files.wordpress.com/2015/08/twitter-small.png?w=120&h=120&crop=1" alt="twitter-small" width="120" height="120" class="alignnone size-opti-archive wp-image-3583"></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h3>License</h3>
|
|
Code released under the <a href="https://github.com/chsakell/aspnet-core-signalr-angular/blob/master/licence" target="_blank"> MIT license</a>.
|