* 弄懂.NET Core & ASP.NET Core總體故事背景 * .NET Core開發從哪開始？ * 從專案樣板檢視ASP.NET Core * 用CLI tools管理你的專案 * Fundamentals基礎服務 * Web Host建立與執行 * Configuration組態系統 * Dependency Injection相依性注入 * Middleware中介軟體 * ASP.NET Core 2.1新鮮事 * .NET Core 3.0 Roadmap ASP.NET Core作為MVC 5之後的接班人，無論在跨平台能力、執行效能與宏觀架構管控性上，皆有長足進步與增長。同時其整個框架也是重新精煉打造，將ASP.NET Core MVC、Razor Pages及Web API三者融合成一體，成為整合度及協同性更高的平台。而在社群及技術網站之聲量日漸高漲的今天，一如旭日東昇般發出耀眼的光芒，面對這股來勢洶洶的技術新浪潮，本講座將解析其技術之來龍去脈，讓您了解該如何學習及導入公司專案中，徹底掌握現在及未來趨勢。 碼魔法網站：https://www.codemagic.com.tw/ 碼魔法FB : https://www.facebook.com/CodeMagicTw/

1. ASP.NET Core 2.1
設計新思維與新發展
聖殿祭司。奚江華

2. ASP.NET Core MVC 2.2新世代跨平台開發術
.NET Core跨平台開發環境與CLI⼯工具
Web Hosting主機設定與管理理
⽤用Configuration框架管理理組態設定
IoC Container與Dependency Injection
⽤用Middleware中介軟體處理理HTTP Pipeline
Dev, Staging及Production多重環境的應⽤用
⽤用Logging API記錄系統資訊
Bootstrap 在MVC中的整合應⽤用
Chart.js / JSON與Core Web API整合
Razor Pages新型態開發專案
Tag Helpers與View Components
Entity Framework Core資料庫存取
Unit Test單元測試
Routing路路由實戰案例例
將ASP.NET Core MVC部署到Azure雲端
ASP.NET MVC 5網⾴頁實戰精修班
Model-View-Controller架構完整解析
Bootstrap與Grid System整合應⽤用
Razor語法活⽤用術
Chart.js / JSON與Web API 2.0整合
HTML Helpers在View檢視之應⽤用
Entity Framework資料庫存取
ASP.NET Identity權限控管
Filter過濾器之應⽤用
Routing路路由⼤大法之應⽤用
Unit Test單元測試
將MVC應⽤用程式部署到Azure雲端
聖殿祭司的碼魔法ASP.NET Core & MVC課程
https://www.codemagic.com.tw/

3. 個⼈人背景簡介
著有ASP.NET 2.0、3.5、4.5、4.6等熱⾨門𣈱銷書籍，以
及ASP.NET MVC 5.x範例例完美演繹
歷任台灣微軟MSDN、TechEd、TechDay研討會講師
曾數屆當選微軟MVP
國內各⼤大上市公司及⼤大專院校之培訓講師
曾發表⽂文章刊於ITHOME電腦週刊

4. 現在 vs. 未來來抉擇
MVC 5是現有主⼒力力，ASP.NET Core是未來來明星
MVC 5 vs. ASP.NET Core要選哪個、要學哪個？
MVC 5與ASP.NET Core的理理想與現實⾯面拉距
你對ASP.NET Core的期望值是什什麼
在這場技術升級浪潮中，找到⾃自⼰己的定位

5. Agenda
弄弄懂.NET Core & ASP.NET Core總體故事背景
.NET Core開發從哪開始？
從專案樣板檢視ASP.NET Core
⽤用CLI tools管理理你的專案
Fundamentals基礎服務
Web Host建立與執⾏行行

6. Agenda(續)
Configuration組態系統
Dependency Injection相依性注入
Middleware中介軟體
ASP.NET Core 2.1新鮮事
.NET Core 3.0 Roadmap

7. 弄弄懂.NET Core & ASP.NET Core
總體故事背景

8. .NET Core .NET Framework
ASP.NET Core ASP.NET
ASP.NET Core MVC ASP.NET MVC
.NET Core與.NET名詞對比

9. ASP.NET Core 2.0
.NET Core.NET Framework

10. ASP.NET Core 2.1
.NET Core.NET Framework
New

11. 各⾃自為政的基底函式庫

12. .NET Standard Library⼀一統江胡

13. .NET Standard欲藉解決問題
強制⼀一致性
為廣泛跨平台⼯工具提供Foundation

14. .NET Standard版本對應

15. .NET Core開發從哪開始？
安裝Visual Studio ＋.NET Core SDK

16. 三種Visual Studio選擇性
Visual Studio 2017 — Windows
Visual Studio for Mac — macOS
Visual Studio Code — Linux, Windows, macOS

17. 三種IDE安裝形式
安裝Visual Studio 2017 15.9(含.NET Core SDK)
安裝Visual Studio for Mac(含.NET Core SDK)
安裝Visual Studio Code + 安裝.NET Core SDK 2.1

18. .NET Core SDK⽀支援的OS, CPU
Supported OS versions : https://bit.ly/2zq7Knq

19. Supported Linux OS

20. .NET的野⼼心與企圖⼼心
DESKTOP WEB CLOUD MOBILE GAMING IoT AI
.NET

21. .NET Core SDK資料夾路路徑
Windows
C:Program Filesdotnet
Mac & Linux
/usr/local/share/dotnet/

22. 從專案樣板檢視ASP.NET Core
使⽤用VS 2017 15.9

23. .NET Core / .NET Framework

24. Web Root
Content Root

25. ASP.NET 三分天下
MVC 5 Web API Web Pages

26. ASP.NET Core三位⼀一體
ASP.NET Core MVC
Core Web API
Razor Pages

27. ASP.NET Core MVC專案結構
Dependencies — NuGet、SDK、Analyzers
PropertieslaunchSetting.json
wwwroot — css, images, js, lib, favicon.ico
Controllers、Models、Views資料夾
appsettings.json, appsettings.Development.json
Program.cs
Startup.cs

28. Web API專案結構
Dependencies — NuGet、SDK、Analyzers
PropertieslaunchSetting.json
wwwroot — css, images, js, lib, favicon.ico
Controllers、Models、Views資料夾
appsettings.json, appsettings.Development.json
Program.cs
Startup.cs

29. Razor Pages專案結構
Dependencies — NuGet、SDK、Analyzers
PropertieslaunchSetting.json
wwwroot — css, images, js, lib, favicon.ico
Pages資料夾 — .cshmtl + .cshtml.cs
appsettings.json, appsettings.Development.json
Program.cs
Startup.cs

30. ⽤用CLI tools管理理你的專案

31. Command-line interface⼯工具
.NET Core CLI tools
⽂文字命令式的跨平台⼯工具 for .NET Core
三款Visual Studio皆依賴它作執⾏行行、建置編譯

32. CLI命令⽤用途分類
Project Basic Commands
Package & Reference Commands
Other Commands

33. Project Basic Commands
new
restore
build
run
test
vstest
pack
migrate
clean
sln
help
store

34. Package & Reference Commands
add / remove package
add / remove reference
list reference

35. Other Commands
nuget delete
nuget locals
nuget push
msbuild
dotnet install script

36. CLI命令範例例
dotnet --info 顯⽰示Runtime, Host, SDK資訊
dotnet --list-sdks , --llist-runtimes 顯⽰示sdks或runtimes
dotnet new 建立專案或file, dotnet new globaljson
dotnet build 建置編譯專案
dotnet run 執⾏行行專案
dotnet publish 將應⽤用程式和相依發佈到資料夾

37. (1) Web Host建立與執⾏行行

38. What’s the Host?
ASP.NET Core apps configure and launch a Host.
The Host is responsible for app startup and lifetime
management.
The Host must config a Web Server / Middleware.

39. Main⽅方法：程式進入點
public class Program
{
public static void Main(string[] args)
{
CreateWebHostBuilder(args).Build().Run();
}
public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>
WebHost.CreateDefaultBuilder(args)
.UseStartup<Startup>();
}

40. appsettings.json(app組態)
{
"Logging": {
"LogLevel": {
"Default": "Warning"
}
},
"AllowedHosts": "*"
}

41. Startup類別( Startup.cs)
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc();
}
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseMvc();
}
在IoC Container註冊Services
設定各種Middleware

42. (2) Configuration組態系統

43. What’s the Configuration ?
It’s a Configuration Framework組態框架
可載入.json, .xml, .ini等類型組態檔
每種類型檔都有對應的Configuration Provider
⽤用來來存取key/value pairs組態設定
將所有類型組態來來源集成⾄至Configuration中

44. 內建Configuration Provider
Azure Key Vault Configuration Provider
Command-line Configuration Provider
Environment Variables Configuration Provider
File Configuration Provider(ini, json, xml)
Key-per-file Configuration Provider
Memory Configuration Provider
User secrets (Secret Manager)

45. ⽤用ConfigureAppConfiguration()
載入JSON, INI, XML等組態檔
public static IWebHostBuilder CreateWebHostBuilderAppConfig(string[] args) =>
WebHost.CreateDefaultBuilder(args)
.ConfigureAppConfiguration((webHostBuilderContext, configBuilder) =>
{
configBuilder.SetBasePath(Path.Combine(Directory.GetCurrentDirectory(), "ConfigFiles"));
configBuilder.AddJsonFile("PostalCodes.json", optional: true, reloadOnChange: true);
})
.UseStartup<Startup>();
設定路路徑
載入JSON檔

46. (3) Dependency Injection
相依性注入

47. What’s Dependency ?
Dependency中⽂文是依賴
“依賴”是指⼀一個object需要另⼀一個object物件
例例如⼀一個⼈人需要⽔水，因⽽而對⽔水產⽣生依賴關係
在Class類別中使⽤用依賴物件，常⽤用new Instance
FubonBankServices service = new FubonBankServices()

48. Services繼承並實作interface介⾯面
public class FubonBankService : IBankService
{
public string BankId { get; private set; }
public string BankName { get; private set; }
public FubonBankService()
{
BankId = "012";
BankName = "台北富邦銀行";
}
…
}
public class EsunBankService : IBankService
{
public string BankId { get; private set; }
public string BankName { get; private set; }
public EsunBankService()
{
BankId = "808";
BankName = "玉山銀行";
}
...
}
富邦銀⾏行行繼承介⾯面 ⽟玉⼭山銀⾏行行繼承介⾯面

49. 在IoC container註冊服務
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddTransient<IBankService, FubonBankService>();
}
...
}
介⾯面 實作Lifetime模式

50. 在Controller使⽤用DI注入服務
public class BankServicesController : Controller
{
private readonly IBankService _bankService;
public BankServicesController(IBankService bankService)
{
_bankService = bankService;
}
public IActionResult InjectAction([FromServices] IBankService myBankService)
{
var bankModel = myBankService;
return View(bankModel);
}
}
在建構式注入服務
在Action注入服務
Service看不⾒見見特定實作名稱
套⽤用Attribute

51. 註冊服務的三種Lifetime指令
AddScoped⽅方法—Scoped lifetime service
are created once per request
AddTransient⽅方法 — Transient lifetime service
are created each time they're requested
AddSingleton⽅方法 — Singleton lifetime service
are only created at the first request time

52. (4) Middleware中介軟體
設定HTTP Pipeline

53. What’s Middleware?
組成ASP.NET Core App HTTP Pipeline的軟體
⽤用來來處理理Request / Response
在Startup.Configre(...)設定Middleware Components

54. public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseCookiePolicy();
app.UseAuthentication();
app.UseSession();
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});
Middleware
Startup.cs
使⽤用MVC
開發者例例外⾴頁
⼀一般例例外⾴頁
回傳靜態檔
Cookie policy for GDPR
啟⽤用Session
驗證
HTTP Strict Transport Security
將HTTP轉向HTTPS

55. 不同類型專案的Middleware設定
public void Configure(…)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseCookiePolicy();
app.UseMvc()
}
public void Configure(…)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseMvc()
}
public void Configure(…)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseCookiePolicy();
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: {controller=Home}/…} );
});
}
MVC Web API
Razor
Pages

56. The thread of execution
呼叫
呼叫
返回
返回
請求
回應

57. ASP.NET Core 2.1新鮮事

58. .NET Core 2 is Fast
“Using the same-size server, we were able to go from 1,000 requests per
second per node with Node.js to 20,000 requests per second with .NET Core.“
— Raygun
https://www.microsoft.com/net/customers

59. .NET Core 2.1 is Faster
Data source from tests on same hardware as TechEmpower

60. .NET Core 2.1 Tooling Performance

61. .NET Core 3.0 Roadmap

62. .NET Core Roadmap
.NET Core 2.2 2018 / Q4正式版
.NET Core 3.0
• 2018 / Q4 預覽版
• 2019 Final正式版
Visual Studio 2019
• 2018 / Q4預覽版
• 2019 Final正式版
•
Entity Framework Core 3.0 aligned with .NET Core 3.0