ASP.NET Core 2.1: The Future of Web Apps
Download as PPTX, PDF3 likes4,130 views
The new and improved ASP .NET Core 2.1 introduces some great new capabilities, the ability to host on multiple server platforms, and a number of new tools that you will want to get familiar with. Learn about the future of ASP.NET Core MVC, Web API, Razor Web Pages, SignalR, .NET Core Tools and Visual Studio 2017!
![MVC (Web) Controllers
public class HumanController : Controller
{
private readonly ApplicationDbContext _context;
public HumanController(ApplicationDbContext context) {}
// GET: Human, Human/Details/5
public async Task<IActionResult> Index() {}
public async Task<IActionResult> Details(int? id) {}
// GET: Human/Create
public IActionResult Create() {}
// POST: Human
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create([Bind("Id,FirstName,LastName")] Human human) {}
// GET: Human/Edit/5
public async Task<IActionResult> Edit(int? id) {}
// POST: Human/Edit/5
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Edit(int id, [Bind("Id,FirstName,LastName")] Human human) {}
}](https://image.slidesharecdn.com/aspnetcore2-180514194847/85/ASP-NET-Core-2-1-The-Future-of-Web-Apps-23-320.jpg)
![MVC (API) Controllers
public class ValuesController : Controller
{
// GET: api/Values, api/Values/5
[HttpGet]
public IEnumerable<string> Get() {}
[HttpGet("{id}", Name = "Get")]
public string Get(int id) {}
// POST: api/Values
[HttpPost]
public void Post([FromBody]string value) {}
// PUT: api/Values/5
[HttpPut("{id}")]
public void Put(int id, [FromBody]string value) {}
// DELETE: api/ApiWithActions/5
[HttpDelete("{id}")]
public void Delete(int id) {}
}](https://image.slidesharecdn.com/aspnetcore2-180514194847/85/ASP-NET-Core-2-1-The-Future-of-Web-Apps-24-320.jpg)
![MVC (Web) Views
@model NiceStackWeb.Models.Human
@{
ViewData["Title"] = "Details";
}
<h2>Details</h2>
<div>
<h4>Human</h4>
<hr />
<dl class="dl-horizontal">
<dt>
@Html.DisplayNameFor(model => model.FirstName)
</dt>
<dd>
@Html.DisplayFor(model => model.FirstName)
</dd> ...
</dl>
</div>
<div>
<a asp-action="Edit" asp-route-id="@Model.Id">Edit</a> |
<a asp-action="Index">Back to List</a>
</div>](https://image.slidesharecdn.com/aspnetcore2-180514194847/85/ASP-NET-Core-2-1-The-Future-of-Web-Apps-25-320.jpg)
![MVC Models
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
public class Human
{
[Key]
public int Id { get; set; }
[DisplayName("First Name")]
public string FirstName { get; set; }
[DisplayName("First Name")]
public string LastName { get; set; }
}](https://image.slidesharecdn.com/aspnetcore2-180514194847/85/ASP-NET-Core-2-1-The-Future-of-Web-Apps-26-320.jpg)
![SignalR in ASP.NET Core 2.1 (Preview)
https://blogs.msdn.microsoft.com/webdev/2018/02/27/asp-net-core-2-1-0-preview1-getting-started-with-signalr
using Microsoft.AspNetCore.SignalR;
namespace SignalRTutorial.Hubs
{
[Authorize]
public class ChatHub : Hub
{
public override async Task OnConnectedAsync()
{
await Clients.All.SendAsync("SendAction", Context.User.Identity.Name, "joined");
}
public override async Task OnDisconnectedAsync(Exception ex)
{
await Clients.All.SendAsync("SendAction", Context.User.Identity.Name, "left");
}
public async Task Send(string message)
{
await Clients.All.SendAsync("SendMessage", Context.User.Identity.Name, message);
}
}
}](https://image.slidesharecdn.com/aspnetcore2-180514194847/85/ASP-NET-Core-2-1-The-Future-of-Web-Apps-30-320.jpg)
Ad
More Related Content
What's hot (20)
Similar to ASP.NET Core 2.1: The Future of Web Apps (20)
Ad
More from Shahed Chowdhuri (20)
Ad
Recently uploaded (20)
ASP.NET Core 2.1: The Future of Web Apps
- 1. ASP.NET Core 2.1 Shahed Chowdhuri Sr. Technical Evangelist @ Microsoft @shahedC WakeUpAndCode.com Cross-Platform Web Apps
- 2. Agenda Introduction > .NET (Framework & Core) > ASP.NET Core > Visual Studio & VS Code References + Wrap-up
- 3. Introduction
- 4. ASP.NET Info and Downloads: http://www.asp.net/
- 5. .NET for Cross-Platform Dev .NET Info + Download: https://www.microsoft.com/net
- 6. .NET Across Windows/Web Platforms http://blogs.msdn.com/b/dotnet/archive/2014/12/04/introducing-net-core.aspx
- 8. .NET 3.0 in 2019 and Beyond… https://blogs.msdn.microsoft.com/dotnet/2018/05/07/net-core-3-and-support-for-windows-desktop-applications
- 9. ASP.NET Web API Active Server Pages (Classic ASP) ASP.NET (Web Forms) ASP.NET MVC 1/2/3/4/5 ASP.NET Web Pages Evolution of ASP and ASP .NET ASP.NET Core MVC Unified MVC, Web API and Razor Web Pages
- 10. Names & Version Numbers
- 11. C# 7.x in VS2017 https://docs.microsoft.com/en-us/dotnet/csharp/whats-new/
- 12. Agenda Introduction > .NET (Framework & Core) > ASP.NET Core > Visual Studio & VS Code References + Wrap-up
- 13. .NET Framework & .NET Core
- 14. ASP.NET Core High-Level Overview
- 16. What About .NET Framework 4.6+? Core is 4.7
- 17. ASP .NET Core
- 21. ASP .NET Core MVC
- 22. MVC Web App Basics Controller Model View User Requests Updates Model Gets Data Updates View
- 23. MVC (Web) Controllers public class HumanController : Controller { private readonly ApplicationDbContext _context; public HumanController(ApplicationDbContext context) {} // GET: Human, Human/Details/5 public async Task<IActionResult> Index() {} public async Task<IActionResult> Details(int? id) {} // GET: Human/Create public IActionResult Create() {} // POST: Human [HttpPost] [ValidateAntiForgeryToken] public async Task<IActionResult> Create([Bind("Id,FirstName,LastName")] Human human) {} // GET: Human/Edit/5 public async Task<IActionResult> Edit(int? id) {} // POST: Human/Edit/5 [HttpPost] [ValidateAntiForgeryToken] public async Task<IActionResult> Edit(int id, [Bind("Id,FirstName,LastName")] Human human) {} }
- 24. MVC (API) Controllers public class ValuesController : Controller { // GET: api/Values, api/Values/5 [HttpGet] public IEnumerable<string> Get() {} [HttpGet("{id}", Name = "Get")] public string Get(int id) {} // POST: api/Values [HttpPost] public void Post([FromBody]string value) {} // PUT: api/Values/5 [HttpPut("{id}")] public void Put(int id, [FromBody]string value) {} // DELETE: api/ApiWithActions/5 [HttpDelete("{id}")] public void Delete(int id) {} }
- 25. MVC (Web) Views @model NiceStackWeb.Models.Human @{ ViewData["Title"] = "Details"; } <h2>Details</h2> <div> <h4>Human</h4> <hr /> <dl class="dl-horizontal"> <dt> @Html.DisplayNameFor(model => model.FirstName) </dt> <dd> @Html.DisplayFor(model => model.FirstName) </dd> ... </dl> </div> <div> <a asp-action="Edit" asp-route-id="@Model.Id">Edit</a> | <a asp-action="Index">Back to List</a> </div>
- 26. MVC Models using System.ComponentModel; using System.ComponentModel.DataAnnotations; public class Human { [Key] public int Id { get; set; } [DisplayName("First Name")] public string FirstName { get; set; } [DisplayName("First Name")] public string LastName { get; set; } }
- 28. Intro to Razor Pages https://docs.microsoft.com/en-us/aspnet/core/mvc/razor-pages
- 29. Razor Syntax
- 30. SignalR in ASP.NET Core 2.1 (Preview) https://blogs.msdn.microsoft.com/webdev/2018/02/27/asp-net-core-2-1-0-preview1-getting-started-with-signalr using Microsoft.AspNetCore.SignalR; namespace SignalRTutorial.Hubs { [Authorize] public class ChatHub : Hub { public override async Task OnConnectedAsync() { await Clients.All.SendAsync("SendAction", Context.User.Identity.Name, "joined"); } public override async Task OnDisconnectedAsync(Exception ex) { await Clients.All.SendAsync("SendAction", Context.User.Identity.Name, "left"); } public async Task Send(string message) { await Clients.All.SendAsync("SendMessage", Context.User.Identity.Name, message); } } }
- 31. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/
- 32. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Real-time web development • New Typescript client, jQuery • Built-in Hub protocols: • JSON-based for text • MessagePack for binary • Improved scale-out model • Sticky sessions required* *required when using WebSockets unless skipNegotiation flag is set to true var connection = new signalR.HubConnectionBuilder().withUrl("/chat", { skipNegotiation: true, transport: signalR.HttpTransportType.WebSockets }) .build();
- 33. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • UseHttpsRedirection by default • HSTS protocol support (non-dev)
- 34. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • New ApiController attribute • Auto model validation
- 35. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Rich Swagger support • Easier API documentation
- 36. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • New type ActionResult<T> • Indicate response type for any action result
- 37. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • HttpClient as a service • Register, configure, consume HttpClient instances
- 38. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • ASP.NET Core (native IIS) Module • Hooks into IIS pipeline • Improved Performance
- 39. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Default UI implemented in a library • Available as NuGet package • Enable via Startup class
- 40. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Compliance for EU General Data Protection Regulation reqts • Request user consent for info
- 41. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Mix authentication schemes • e.g. Bearer tokens, cookie auth
- 42. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Compiled during build process • Improved startup performance
- 43. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Razor UI as class library • Share across projects • Share as Nuget package
- 44. ASP.NET Core 2.1: What’s New? http://www.talkingdotnet.com/quick-summary-whats-new-asp-net-core-2-1/ • Improved end-to-end testing • e.g. routing, filters, controllers, actions, views and pages
- 45. How about Entity Framework? DB ORM Entities in Code Core ) 4.6+ 4.6+
- 47. Pluralsight Course by Julie Lerman https://app.pluralsight.com/library/courses/entity-framework-core-2-getting-started
- 48. Visual Studio 2017 & VS Code
- 49. New Installer!
- 50. File New Project Web • ASP .NET Core Web App • Web App (4.x)
- 51. Select a Template 1.0 , 1.1, 2.0 or 2.1 • Empty • API • Web App (Razor) • Web App (MVC) • Angular • React.js • React.js & Redux • Razor Class Library Other settings: • Authentication • Docker Support
- 52. VS 2017 15.7 + ASP.NET Core 2.1 https://www.visualstudio.com/downloads
- 53. .NET Core SDK 2.1 RC1 https://www.microsoft.com/net/download/dotnet-core/sdk-2.1.300-rc1
- 54. Select a Template (VS 2017 15.7) Includes: ASP .NET Core 2.1
- 55. ASP.NET Core Runtime Extension on Azure https://blogs.msdn.microsoft.com/webdev/2018/02/27/asp-net-core-2-1-0-preview1-using-asp-net-core-previews-on-azure-app-service/
- 56. Visual Studio Code Download https://code.visualstudio.com
- 58. project.json
- 59. .csproj project file 2.0
- 60. .csproj project file 2.1
- 61. Right-click (Project) Properties
- 62. Choose Profile While Debugging
- 64. DEMO
- 65. Migrating from MVC to MVC Core https://docs.microsoft.com/en-us/aspnet/core/migration/mvc
- 66. dotnet/cli on GitHub This repo contains the .NET Core command- line (CLI) tools, used for building .NET Core apps and libraries. GitHub: https://github.com/dotnet/cli
- 67. .NET Core 2.x CLI Commands https://docs.microsoft.com/en-us/dotnet/core/tools/?tabs=netcore2x >dotnet --version >dotnet --info >dotnet new <TEMPLATE> --auth <AUTH_TYPE> -o <OUTPUT_DIR> >dotnet new console -o MyConsoleApp >dotnet new mvc --auth Individual -o MyMvcWebApp >dotnet restore >dotnet build >dotnet run <TEMPLATE> = web | mvc | razor | angular | react | webapi <AUTH_TYPE> for mvc,razor = None | Individual | SingleOrg | Windows
- 68. Azure CLI Commands https://docs.microsoft.com/en-us/azure/app-service/scripts/app-service-cli-deploy-github >az login >az group create -l <REGION> -n <RSG> >az appservice plan create -g <RSG> -n <ASP> --sku <PLAN> (e.g. F1) >az webapp create -g <RSG> -p <ASP> -n <APP> >git init >git add . >git commit -m "<COMMIT MESSAGE>“ >az webapp deployment user set --user-name <USER> >az webapp deployment source config-local-git -g <RSG> -n <APP> --out tsv >git remote add azure <GIT URL> >git push azure master RESULT http://<APP>.azurewebsites.net GIT URL https://<USER>@<APP>.scm.azurewebsites.net/<APP>.git
- 69. Agenda Introduction > .NET (Framework & Core) > ASP.NET Core > Visual Studio & VS Code References + Wrap-up
- 71. Blog Sources Scott Hanselman’s Blog: https://www.hanselman.com/blog/ .NET Web Dev Blog: https://blogs.msdn.microsoft.com/webdev/
- 72. Visual Studio 2017 Launch Videos https://channel9.msdn.com/Events/Visual-Studio/Visual-Studio-2017-Launch?sort=viewed&direction=asc
- 73. Build 2017: ASP .NET Core 2.0 https://channel9.msdn.com/Events/Build/2017/b8048
- 74. .NET Core 2.1 Roadmap PT.1 https://channel9.msdn.com/Shows/On-NET/NET-Core-21-Roadmap-PT1
- 75. .NET Core 2.1 Roadmap PT.2 https://channel9.msdn.com/Shows/On-NET/NET-Core-21-Roadmap-PT2
- 76. Build Conference 2018 http://build.microsoft.com
- 77. Build 2018: ASP .NET Core 2.1 https://channel9.msdn.com/events/Build/2018/BRK2151
- 78. SignalR for ASP .NET Core 2.1 https://channel9.msdn.com/events/Build/2018/BRK2147
- 79. Jeff Fritz on YouTube https://www.youtube.com/watch?v=--lYHxrsLsc
- 80. Other Video Sources MSDN Channel 9: https://channel9.msdn.com .NET Conf: http://www.dotnetconf.net
- 81. Docs + Tutorials Tutorials: https://docs.microsoft.com/en-us/aspnet/core/tutorials/first-mvc-app/ Docs: https://blogs.msdn.microsoft.com/webdev/2017/02/07/asp-net-documentation-now-on-docs-microsoft-com/
- 82. ASP.NET Core 2.0 Release https://blogs.msdn.microsoft.com/webdev/2017/08/14/announcing-asp-net-core-2-0/
- 83. ASP.NET Core 2.1 Roadmap https://blogs.msdn.microsoft.com/webdev/2018/02/02/asp-net-core-2-1-roadmap/
- 84. .NET Core Roadmap https://github.com/dotnet/core/blob/master/roadmap.md
- 85. ASP.NET Core 2.1 RC https://blogs.msdn.microsoft.com/webdev/2018/05/07/asp-net-core-2-1-0-rc1-now-available/
- 86. References • ASP .NET: http://www.asp.net • .NET Core: https://www.microsoft.com/net • .NET Web Dev Blog: https://blogs.msdn.microsoft.com/webdev • Scott Hanselman’s Blog: https://www.hanselman.com/blog • .NET Conf: http://www.dotnetconf.net • MSDN Channel 9: https://channel9.msdn.com • Tutorials: https://docs.microsoft.com/en-us/aspnet/core/tutorials/first-mvc-app • C# 7: https://docs.microsoft.com/en-us/dotnet/articles/csharp/csharp-7 • ASP.NET Core Roadmap: https://github.com/aspnet/Home/wiki/Roadmap • .NET Core Roadmap: https://github.com/dotnet/core/blob/master/roadmap.md
- 87. Other Resources • New Razor Pages: http://www.hishambinateya.com/welcome-razor-pages • Intro to Razor: https://docs.microsoft.com/en-us/aspnet/core/mvc/razor-pages • Live Unit Testing: https://blogs.msdn.microsoft.com/visualstudio/2016/11/18/live- unit-testing-visual-studio-2017-rc • Migrating from MVC to MVC Core: https://docs.microsoft.com/en- us/aspnet/core/migration/mvc • Visual Studio Code: https://code.visualstudio.com • dotnet/cli on GitHub: https://github.com/dotnet/cli
- 88. Q & A
- 89. Agenda Introduction > .NET (Framework & Core) > ASP.NET Core > Visual Studio & VS Code References + Wrap-up
- 90. Email: [email protected] Twitter: @shahedC