Book Image

ASP.NET Core 2 and Angular 5

By : Valerio De Sanctis, Jürgen Gutsch
Book Image

ASP.NET Core 2 and Angular 5

By: Valerio De Sanctis, Jürgen Gutsch

Overview of this book

Become fluent in both frontend and backend web development by combining the impressive capabilities of ASP.NET Core 2 and Angular 5 from project setup right through the deployment phase. Full-stack web development means being able to work on both the frontend and backend portions of an application. The frontend is the part that users will see or interact with, while the backend is the underlying engine, that handles the logical flow: server configuration, data storage and retrieval, database interactions, user authentication, and more. Use the ASP.NET Core MVC framework to implement the backend with API calls and server-side routing. Learn how to put the frontend together using top-notch Angular 5 features such as two-way binding, Observables, and Dependency Injection, build the Data Model with Entity Framework Core, style the frontend with CSS/LESS for a responsive and mobile-friendly UI, handle user input with Forms and Validators, explore different authentication techniques, including the support for third-party OAuth2 providers such as Facebook, and deploy the application using Windows Server, SQL Server, and the IIS/Kestrel reverse proxy.
Table of Contents (11 chapters)

Summary


The native web app we developed in the previous chapters was working fine, yet it lacked some important and rather advanced features that had to be implemented as well in order to use it in a production-ready application such as the one we're aiming to build. In this chapter, we took care of some of them, such as token expiration, new user registration, and third-party authentication.

Fulfilling the first task took a reasonable amount of time, as we had to perform some relevant changes within every part of our app: the server-side and the client-side, not to mention the data model. We had to create a whole new table, expand our current Web API classes--the TokenController and TokenResponseViewModel--and add another Angular HttpInterceptor class--similar to the one we already used in Chapter 8 to interact with our HTTP requests--to deal with the HTTP responses and react accordingly.

Adding the new user registration feature was a rather straightforward process, even though it also required...