johnwu1114 / asp-net-core-angular-signalr

ASP.NET Core + Angular 4 教學 - SignalR

Home Page:https://blog.johnwu.cc/article/asp-net-core-angular-4-%E6%95%99%E5%AD%B8-signalr.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This repository is sample code for ASP.NET Core & Angular 4 (Angular 2) SPA.
Use the Visual Studio 2017 to development.

ASP.NET Core + Angular 4 教學 - SignalR

介紹 Angular 4 跟 ASP.NET Core 透過 SignalR 的互動,範例是做一個簡單的即時聊天室。
透過 TypeScript 把 jQuery 及 SignalR 包裝成 Injectable class,讓使用更為便利。

Blog:
ASP.NET Core + Angular 4 教學 - SignalR

程式碼延續前兩篇的範例:
ASP.NET Core + Angular 4 教學 - 從無到有
ASP.NET Core + Angular 4 教學 - Webpack打包

說明

安裝軟體的部分我就沒有詳細介紹,以下是我使用到的工具跟語言。

開發工具:

  1. Visual Studio 2017 (可使用其他版,只要有支援 ASP.NET Core 開發就可以。)
  2. Nodejs 6.9.x 以上版本 及 npm 3 以上版本

開發語言:

  1. .NET Core 使用 C#
  2. Angular 4 使用 TypeScript

下載範例後記得在專案目錄安裝 npm package

npm install

About

ASP.NET Core + Angular 4 教學 - SignalR

https://blog.johnwu.cc/article/asp-net-core-angular-4-%E6%95%99%E5%AD%B8-signalr.html


Languages

Language:TypeScript 50.4%Language:C# 25.0%Language:JavaScript 14.8%Language:HTML 9.8%