Web APIs mit ASP.NET MVC Core 1

13. Mai 20160 gefällt mir894 aufrufe

Manfred Steyer

Vortrag von .NET Cologne, Mai 2016, Kölln

2
Ziel
Erweiterte Aspekte von Web APIs mit MVC
Core 1 anhand eines Beispiels kennen lernen.
Folie 3
Zielgruppe
Personen mit grundlegender Erfahrung mit
Web APIs unter .NET
Folie 4

3
Inhalt
Hosting
Routing
Http-Antworten beeinflussen
Formatter konfigurieren
Eigene Formatter
Security (JWT)
User Secrets
Meta-Daten mit Swagger
Proxy-Generierung
Folie 5
(SELF-)HOSTING
Page  6

4
Hosting
Folie 7
Server
Web-Framework
Web-Application
Middleware1
Middleware2
Middleware…
Middlewaren
Anfrage
Antwort
Host-Prozess
HTTP
Konfiguration der Pipeline
Folie 8
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
[…]
services.AddMvc()
[…]
}
public void Configure(IApplicationBuilder app)
{
[…]
app.UseIISPlatformHandler();
app.UseStaticFiles();
app.UseMvc();
[…]
}
}

6
Was ist Routing?
Url  Action-Methode
Folie 11
Web APIs in MVC Core 1
Kein eigenes Routing für Web APIs
Selbe Konzept, wie für MVC-Anwendungen
 /controller/action
Routing berücksichtigt keine URL-Parameter
Folie 13

7
Web API mit Attribut-basierten Routen
Folie 18
[Route("api/[controller]")]
public class FlugController: Controller
{
[HttpGet("{id}")]
public Flug GetById(int id) { […] }
[HttpGet("byRoute")]
public List<Flug> GetByRoute(string von, string nach) { […] }
[HttpPost]
public void PostFlug([FromBody] Flug flug) { […] }
}
Web API mit Attribut-basierten Routen
Folie 19
[Route("api/[controller]")]
public class FlugController: Controller
{
// GET api/flug/{id}
[HttpGet("{id}")]
public Flug GetById(int id) { […] }
[HttpGet("byRoute")]
public List<Flug> GetByRoute(string von, string nach) { […] }
[HttpPost]
public void PostFlug([FromBody] Flug flug) { […] }
}

8
Web API mit Attribut-basierten Routen
Folie 20
[Route("api/[controller]")]
public class FlugController: Controller
{
// GET api/flug/{id}
[HttpGet("{id}")]
public Flug GetById(int id) { […] }
// GET api/flug/byRoute?von=...&nach=...
[HttpGet("byRoute")]
public List<Flug> GetByRoute(string von, string nach) { […] }
[HttpPost]
public void PostFlug([FromBody] Flug flug) { […] }
}
Web API mit Attribut-basierten Routen
Folie 21
[Route("api/[controller]")]
public class FlugController: Controller
{
// GET api/flug/{id}
[HttpGet("{id}")]
public Flug GetById(int id) { […] }
// GET api/flug/byRoute?von=...&nach=...
[HttpGet("byRoute")]
public List<Flug> GetByRoute(string von, string nach) { […] }
// POST api/flug
[HttpPost]
public void PostFlug([FromBody] Flug flug) { […] }
}

9
Migration?
Microsoft.AspNet.Mvc.WebApiCompatShim
Folie 22
DEMO
Page  23

10
DEMO: HTTP-ANTWORT
BEEINFLUSSEN
Page  24
DEMO: FORMATTER
KONFIGURIEREN
Page  25

11
DEMO: EIGENE FORMATTER
Page  26
SECURITY
Page  35

12
Authentication via Benutzer/Passwort
HTTP-Basic via IIS oder HttpListener
Eigene HTTP-Middleware
Folie 36
Authentication via Tokens
JwtBearerAuthentication-Middleware
Prüft JWT-Tokens
Übernimmt Inhalt aus JWT-Token in User-Objekt
Folie 37

13
OAuth 2 – Prinzipieller Ablauf
Folie 38
Client
Authorization-Server
Resource-Server
3. Token
Ein zentrales Benutzerkonto
Auth. von Client entkoppelt
Flexibilität durch Token
DEMO
(IDENTITYSERVER3)
Page  39

14
UserSecrets
Anwendungs-Einstellungen, die Entwickler nicht ins
Projekt aufnehmen möchte
 Personenbezogener Connection-String
 Passwort
Kann am Rechner abgelegt und von dort geladen
werden
Nur für Entwicklung sinnvoll!
Folie 40
DEMO
Page  41

15
META-DATEN VIA SWAGGER
Page  42
Swagger
JSON-basierte Metadatenformat für Web APIs
Weit verbreitet
Kein offizieller Standard
Folie 43

16
Swagger
Folie 44
JSON-Schema für Datentypen
Operationen (Verb, Url,
Datentypen für Anfrage und Antworten)
SWASHBUCKLE
Page  45

17
Swashbuckle
 Swagger-Implementierung für
ASP.NET MVC 6
 Installation via NuGet
 Startup.ConfigureServices:
 services.AddSwaggerGen();
 Startup.Configure
 app.UseSwaggerGen(); -- Swagger-Dokument via /swagger
 app.UseSwaggerUi(); -- Swaager-UI via /swagger/ui
Folie 46
DEMO
Page  47

18
manfred.steyer@SOFTWAREarchitekt.at
SOFTWAREarchitekt.at
ManfredSteyer
Contact

Empfohlen

Was bringt Angular 2?Manfred Steyer

Web APIs mit ASP.NET Core 1Manfred Steyer

Moderne Web-Anwendungen mit Angular 2Manfred Steyer

Überblick zu Angular2 auf DevCon der Fox-Pro-Usergroup in Frankfurt, Nov 2015Manfred Steyer

Datenbasierte Services mit MVC Core 1 und EF Core 1Manfred Steyer

Datengetriebene Web APIs mit Entity FrameworkManfred Steyer

Web APIs mit ASP.NET Core MVC 1Manfred Steyer

.NET Summit 2016 München: EcmaScript 2015+ with TypeScriptManfred Steyer

Web APIs mit ASP.NET MVC Core 1Manfred Steyer

.NET Summit 2016 in München: ASP.NET Core 1Manfred Steyer

Migrationspfade für Angular 2Manfred Steyer

Der neue Component Router für Angular 2Manfred Steyer

Jax07 - Mixing Ajax Swing and Flashpersillie

Was ist neu in .NET 4.5?Digicomp Academy AG

Datenbasierte Services mit Entity Framework und Co. Manfred Steyer

Datengetriebene Web APIs mit Entity FrameworkManfred Steyer

Präsentation webservicesxxtesaxx

Gwt Techtalk Präsentationmlegenhausen

PHP-Module in statischen Seiten - Architektur-AnsätzeRalf Lütke

Vortrag bei der PHPUG - Frankfurt am 20.11.12: Diskussion von Ansätzen, wie dynamische PHP-Widgets (interaktive Module) in statische Seiten durch Redakteure mittels CMS eingebunden werden können: - PHP, Zend Framework - CMS, OpenText, FirstSpirit, Typo3 - Reverse Proxy, Content Repository Links: - http://www.phpugffm.de/ - http://www.dmr-solutions.com/

Wicket KurzübersichtopenForce Information Technology GesmbH

Wie viel Client braucht das Web?JSF, Vaadin und AngularJS im Vergleichgedoplan

Angular 2 Überblick Oktober 2015Manfred Steyer

Wieviel client braucht das webgedoplan

GWT – Google Web Toolkit in der PraxisCenarion Information Systems GmbH

GWT wird verwendet um moderne, komplexe Rich Internet Applications zu erstellen. Durch die Generierung von JavaScript aus Java Code können alle Vorteile von Java genützt und gleichzeitig die immer größer werdenden Anforderungen der Web-Benutzer in Bezug auf Style, Performance, Interaktion und Browser-Kompatibilität von Webseiten abgedeckt werden. In dem Vortrag wird GWT vorgestellt und auf dessen Einsatz in der Praxis eingegangen.

Webbrowser-Automatisierung mit Python und Selenium WebDriverAndi Albrecht

Angular 2 Workshop November 2015 von der w-jax 2015Manfred Steyer

Angular 2 Workshop Oktober 2015Manfred Steyer

Web-GUIs mit Vaadingedoplan

Datenbindung und Performance in Angular 2Manfred Steyer

Single Page Applications neu gedacht: Redux in Angular 2 mit @ngrx/storeManfred Steyer

Weitere ähnliche Inhalte

Ähnlich wie Web APIs mit ASP.NET MVC Core 1 (20)

Web APIs mit ASP.NET MVC Core 1Manfred Steyer

.NET Summit 2016 in München: ASP.NET Core 1Manfred Steyer

Migrationspfade für Angular 2Manfred Steyer

Der neue Component Router für Angular 2Manfred Steyer

Jax07 - Mixing Ajax Swing and Flashpersillie

Was ist neu in .NET 4.5?Digicomp Academy AG

Datenbasierte Services mit Entity Framework und Co. Manfred Steyer

Datengetriebene Web APIs mit Entity FrameworkManfred Steyer

Präsentation webservicesxxtesaxx

Gwt Techtalk Präsentationmlegenhausen

PHP-Module in statischen Seiten - Architektur-AnsätzeRalf Lütke

Wicket KurzübersichtopenForce Information Technology GesmbH

Wie viel Client braucht das Web?JSF, Vaadin und AngularJS im Vergleichgedoplan

Angular 2 Überblick Oktober 2015Manfred Steyer

Wieviel client braucht das webgedoplan

GWT – Google Web Toolkit in der PraxisCenarion Information Systems GmbH

Webbrowser-Automatisierung mit Python und Selenium WebDriverAndi Albrecht

Angular 2 Workshop November 2015 von der w-jax 2015Manfred Steyer

Angular 2 Workshop Oktober 2015Manfred Steyer

Web-GUIs mit Vaadingedoplan

Web APIs mit ASP.NET MVC Core 1Manfred Steyer

.NET Summit 2016 in München: ASP.NET Core 1Manfred Steyer

Migrationspfade für Angular 2Manfred Steyer

Der neue Component Router für Angular 2Manfred Steyer

Jax07 - Mixing Ajax Swing and Flashpersillie

Was ist neu in .NET 4.5?Digicomp Academy AG

Datenbasierte Services mit Entity Framework und Co. Manfred Steyer

Datengetriebene Web APIs mit Entity FrameworkManfred Steyer

Präsentation webservicesxxtesaxx

Gwt Techtalk Präsentationmlegenhausen

PHP-Module in statischen Seiten - Architektur-AnsätzeRalf Lütke

Wicket KurzübersichtopenForce Information Technology GesmbH

Wie viel Client braucht das Web?JSF, Vaadin und AngularJS im Vergleichgedoplan

Angular 2 Überblick Oktober 2015Manfred Steyer

Wieviel client braucht das webgedoplan

GWT – Google Web Toolkit in der PraxisCenarion Information Systems GmbH

Webbrowser-Automatisierung mit Python und Selenium WebDriverAndi Albrecht

Angular 2 Workshop November 2015 von der w-jax 2015Manfred Steyer

Angular 2 Workshop Oktober 2015Manfred Steyer

Web-GUIs mit Vaadingedoplan

Mehr von Manfred Steyer (20)

Datenbindung und Performance in Angular 2Manfred Steyer

Single Page Applications neu gedacht: Redux in Angular 2 mit @ngrx/storeManfred Steyer

Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2Manfred Steyer

Angular 2: Die Ideen hinter Datenbindung und Formularen im Detail betrachtetManfred Steyer

Angular 2 Upgrade: Migration von AngularJS 1.x zu 2.0Manfred Steyer

This document outlines an approach for upgrading an AngularJS 1.x application to Angular 2. It discusses setting up the environment with NodeJS and Visual Studio Code. It then covers different upgrade strategies like the ostrich strategy, microservices approach, and incremental migration using ngUpgrade. It also discusses preparing the AngularJS 1.x application by writing it in the best modern way. Key concepts when moving to Angular 2 like components, directives, and TypeScript are explained. The document concludes with a demonstration of ngUpgrade and an exercise for attendees.

The newst new Router for Angular 2 ("Version 3")Manfred Steyer

The document discusses the new Component Router for Angular 2, including its support for lazy loading modules, hierarchical routing, guards, and auxiliary routes. The Component Router activates components instead of templates and allows lazy loading of feature modules. It also supports hierarchical routing through nested child routes. Guards can prevent activation or deactivation of components based on authentication checks. Auxiliary routes provide additional placeholder content without interfering with the main router outlet. The presentation includes demos of these features.

Databinding and Performance-Tuning in Angular 2Manfred Steyer

This document summarizes a presentation about improving performance in Angular 2 applications. It discusses how databinding works through property and event bindings. It recommends using immutable objects and Observables to improve change detection performance. Components can set ChangeDetectionStrategy.OnPush to tell Angular to only check for changes if input properties are new immutable objects rather than traversing the whole component tree by default.

Modern authentication solutions in Angular 2 with OAuth 2.0 and OpenId ConnectManfred Steyer

This document provides an overview of modern authentication solutions using OAuth 2.0 and OpenId Connect for authenticating users in Angular applications. It discusses how OAuth 2.0 allows clients to securely delegate user access rights to resources stored on a resource server, and how OpenId Connect extends OAuth 2.0 to provide authentication by defining how to query user profile information from an authorization server. It also covers how to implement guards in Angular to protect routes and components by controlling activation and deactivation based on authentication status. Code examples and a demo are provided.

Progressive web apps with Angular 2Manfred Steyer

This document discusses building progressive web apps with Angular 2. It covers using service workers to enable offline functionality through caching, implementing an app shell architecture for immediate loading, and other features like background syncing and push notifications. The last section describes the Angular Mobile Toolkit for generating starter code and manifest files to help develop progressive web apps.

Der neueste neue Router (Version 3) für Angular 2Manfred Steyer

The document discusses the new Component Router for Angular 2 and 1.x. The Component Router allows for activating components based on routes, lazy loading of components, hierarchical routing of components with child routes, guards to prevent component activation, and auxiliary routes to add additional components to routes. It provides examples of routing configuration and usage of guards and auxiliary routes. The Component Router is the new routing solution that replaces previous lifecycle hooks and provides additional capabilities over prior routing implementations.

WebpackManfred Steyer

ASP.NET Core 1 for MVC- and WebAPI-DevsManfred Steyer

The document provides an overview of changes for developers moving to ASP.NET Core 1 from MVC and Web API. Key changes include ASP.NET Core 1 being cross-platform and lightweight, unifying MVC and Web API concepts, and reworking low-level APIs. The middleware pipeline is configured to route requests and add services. Tag helpers replace HTML helpers for view rendering. Web APIs use attribute routing but no longer have conventions for HTTP verbs; the WebApiCompatShim can be added to support conventions.

EF Core 1: News features and changesManfred Steyer

This document discusses Entity Framework Core 1, which is a new version of Entity Framework designed for .NET Core. It highlights some key changes and new features in Entity Framework Core 1 compared to the previous EF 6 version. These include a focus on Code First development, removal of the ObjectContext API, and support for additional database providers and platforms like NoSQL, Linux, and Universal Windows Apps. While EF Core 1 brings new capabilities, the document recommends continuing to use EF 6 for most applications for now due to some limitations in the initial EF Core 1 release.

Angular 2: Migration - SSD 2016 LondonManfred Steyer

This document discusses various migration paths from AngularJS 1.x to Angular 2.0. It begins by outlining general approaches like the ostrich strategy of ignoring Angular 2, or taking a microservice approach. It then covers preparation steps like using components in AngularJS 1.5. Next it explains how to use the component router in AngularJS 1.x to more easily migrate to Angular 2. It also discusses using TypeScript and ES6 features. The document concludes by explaining ngUpgrade which allows building an application with both AngularJS 1.x and Angular 2 modules.

Angular 2 - SSD 2016 LondonManfred Steyer

ASP.NET Web API Deep Dive - SSD 2016 LondonManfred Steyer

This document provides an overview of advanced features in ASP.NET Web API, including configuring formatters, custom formatters, streaming, versioning, OData, Swagger metadata, security with HTTP Basic and tokens. The document outlines these topics and indicates there will be demos of formatters, streaming, versioning, OData, Swagger, and security. It is intended to show advanced features of ASP.NET Web API.

.NET Summit 2016 München: Angular 2 mit TypeScriptManfred Steyer

Wiederverwendbare Komponenten mit Angular 2.0 – Deep DiveManfred Steyer

Angular 2: RoutingManfred Steyer

Moderne Web-Anwendungen mit Angular 2Manfred Steyer

Datenbindung und Performance in Angular 2Manfred Steyer

Single Page Applications neu gedacht: Redux in Angular 2 mit @ngrx/storeManfred Steyer

Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2Manfred Steyer

Angular 2: Die Ideen hinter Datenbindung und Formularen im Detail betrachtetManfred Steyer

Angular 2 Upgrade: Migration von AngularJS 1.x zu 2.0Manfred Steyer

The newst new Router for Angular 2 ("Version 3")Manfred Steyer

Databinding and Performance-Tuning in Angular 2Manfred Steyer

Modern authentication solutions in Angular 2 with OAuth 2.0 and OpenId ConnectManfred Steyer

Progressive web apps with Angular 2Manfred Steyer

Der neueste neue Router (Version 3) für Angular 2Manfred Steyer

WebpackManfred Steyer

ASP.NET Core 1 for MVC- and WebAPI-DevsManfred Steyer

EF Core 1: News features and changesManfred Steyer

Angular 2: Migration - SSD 2016 LondonManfred Steyer

Angular 2 - SSD 2016 LondonManfred Steyer

ASP.NET Web API Deep Dive - SSD 2016 LondonManfred Steyer

.NET Summit 2016 München: Angular 2 mit TypeScriptManfred Steyer

Wiederverwendbare Komponenten mit Angular 2.0 – Deep DiveManfred Steyer

Angular 2: RoutingManfred Steyer

Moderne Web-Anwendungen mit Angular 2Manfred Steyer

Web APIs mit ASP.NET MVC Core 1

1. 1 Web APIs mit ASP.NET Core MVC 1.0 Manfred Steyer twitter.com/ManfredSteyer ManfredSteyer Über mich … Manfred Steyer Trainer & Berater Angular & ASP.NET Page  2

2. 2 Ziel Erweiterte Aspekte von Web APIs mit MVC Core 1 anhand eines Beispiels kennen lernen. Folie 3 Zielgruppe Personen mit grundlegender Erfahrung mit Web APIs unter .NET Folie 4

3. 3 Inhalt Hosting Routing Http-Antworten beeinflussen Formatter konfigurieren Eigene Formatter Security (JWT) User Secrets Meta-Daten mit Swagger Proxy-Generierung Folie 5 (SELF-)HOSTING Page  6

4. 4 Hosting Folie 7 Server Web-Framework Web-Application Middleware1 Middleware2 Middleware… Middlewaren Anfrage Antwort Host-Prozess HTTP Konfiguration der Pipeline Folie 8 public class Startup { public void ConfigureServices(IServiceCollection services) { […] services.AddMvc() […] } public void Configure(IApplicationBuilder app) { […] app.UseIISPlatformHandler(); app.UseStaticFiles(); app.UseMvc(); […] } }

5. 5 DEMO Page  9 ROUTING Page  10

6. 6 Was ist Routing? Url  Action-Methode Folie 11 Web APIs in MVC Core 1 Kein eigenes Routing für Web APIs Selbe Konzept, wie für MVC-Anwendungen  /controller/action Routing berücksichtigt keine URL-Parameter Folie 13

7. 7 Web API mit Attribut-basierten Routen Folie 18 [Route("api/[controller]")] public class FlugController: Controller { [HttpGet("{id}")] public Flug GetById(int id) { […] } [HttpGet("byRoute")] public List<Flug> GetByRoute(string von, string nach) { […] } [HttpPost] public void PostFlug([FromBody] Flug flug) { […] } } Web API mit Attribut-basierten Routen Folie 19 [Route("api/[controller]")] public class FlugController: Controller { // GET api/flug/{id} [HttpGet("{id}")] public Flug GetById(int id) { […] } [HttpGet("byRoute")] public List<Flug> GetByRoute(string von, string nach) { […] } [HttpPost] public void PostFlug([FromBody] Flug flug) { […] } }

8. 8 Web API mit Attribut-basierten Routen Folie 20 [Route("api/[controller]")] public class FlugController: Controller { // GET api/flug/{id} [HttpGet("{id}")] public Flug GetById(int id) { […] } // GET api/flug/byRoute?von=...&nach=... [HttpGet("byRoute")] public List<Flug> GetByRoute(string von, string nach) { […] } [HttpPost] public void PostFlug([FromBody] Flug flug) { […] } } Web API mit Attribut-basierten Routen Folie 21 [Route("api/[controller]")] public class FlugController: Controller { // GET api/flug/{id} [HttpGet("{id}")] public Flug GetById(int id) { […] } // GET api/flug/byRoute?von=...&nach=... [HttpGet("byRoute")] public List<Flug> GetByRoute(string von, string nach) { […] } // POST api/flug [HttpPost] public void PostFlug([FromBody] Flug flug) { […] } }

9. 9 Migration? Microsoft.AspNet.Mvc.WebApiCompatShim Folie 22 DEMO Page  23

10. 10 DEMO: HTTP-ANTWORT BEEINFLUSSEN Page  24 DEMO: FORMATTER KONFIGURIEREN Page  25

11. 11 DEMO: EIGENE FORMATTER Page  26 SECURITY Page  35

12. 12 Authentication via Benutzer/Passwort HTTP-Basic via IIS oder HttpListener Eigene HTTP-Middleware Folie 36 Authentication via Tokens JwtBearerAuthentication-Middleware Prüft JWT-Tokens Übernimmt Inhalt aus JWT-Token in User-Objekt Folie 37

13. 13 OAuth 2 – Prinzipieller Ablauf Folie 38 Client Authorization-Server Resource-Server 3. Token Ein zentrales Benutzerkonto Auth. von Client entkoppelt Flexibilität durch Token DEMO (IDENTITYSERVER3) Page  39

14. 14 UserSecrets Anwendungs-Einstellungen, die Entwickler nicht ins Projekt aufnehmen möchte  Personenbezogener Connection-String  Passwort Kann am Rechner abgelegt und von dort geladen werden Nur für Entwicklung sinnvoll! Folie 40 DEMO Page  41

15. 15 META-DATEN VIA SWAGGER Page  42 Swagger JSON-basierte Metadatenformat für Web APIs Weit verbreitet Kein offizieller Standard Folie 43

16. 16 Swagger Folie 44 JSON-Schema für Datentypen Operationen (Verb, Url, Datentypen für Anfrage und Antworten) SWASHBUCKLE Page  45

17. 17 Swashbuckle  Swagger-Implementierung für ASP.NET MVC 6  Installation via NuGet  Startup.ConfigureServices:  services.AddSwaggerGen();  Startup.Configure  app.UseSwaggerGen(); -- Swagger-Dokument via /swagger  app.UseSwaggerUi(); -- Swaager-UI via /swagger/ui Folie 46 DEMO Page  47

18. 18 [email protected] SOFTWAREarchitekt.at ManfredSteyer Contact