Angular 15 & Net 7: Login and Token Refresh Integration with Duende IdentityServer | Tutorial 10

Preface

I’m thrilled to launch a blog series focused on creating dynamic and user-friendly web applications with Single Page Application (SPA) architecture using Angular 15, Bootstrap 5, and .NET 7 API. The series includes a comprehensive project demo and multiple blog posts that delve into full-stack components, offering the latest tools and techniques in the industry.

Introduction

We’re about to embark on an exciting journey in Tutorial 10 of our blog series! We’ll be diving deep into the topic of integrating Angular login and token refresh with the mighty Duende IdentityServer. Brace yourself for a comprehensive authentication solution that leverages popular protocols like OpenID Connect and OAuth 2.0. But don’t worry, we’ve got you covered with an amazing Angular 3rd party library that makes implementing login super easy.

Demo Application Overview

The architecture of the Talent Management demo application follows the Clients, API Resources, and Token Service (CAT) pattern, which promotes tight integration and loose coupling. The components communicate with each other using the HTTP protocol to exchange and validate JSON Web Token (JWT).