Tag Archives: angular
Implementing a silent token renew in Angular for the OpenID Connect Implicit flow
This article shows how to implement a silent token renew in Angular using IdentityServer4 as the security token service server. The SPA Angular client implements the OpenID Connect Implicit Flow ‘id_token token’. When the id_token expires, the client requests new tokens from the server, so that the user does not need to authorise again. Code: […]
Using Angular in an ASP.NET Core View with Webpack
This article shows how Angular can be run inside an ASP.NET Core MVC view using Webpack to build the Angular application. By using Webpack, the Angular application can be built using the AOT and Angular lazy loading features and also profit from the advantages of using a server side rendered view. If you prefer to […]
Implementing OpenID Code Flow with PKCE using OpenIddict and Angular
This article shows how to implement the OpenID Connect Code Flow with PKCE using OpenIddict hosted in an ASP.NET Core application, an ASP.NET Core Web API and an Angular application as the client. Code: https://github.com/damienbod/AspNetCoreOpeniddict 2021-12-24 Updated to ASP.NET Core 6, Angular 13 2020-12-26 Updated to ASP.NET Core 5, Angular 11, OpenIddict 3 2017-05-27 Updated […]
Hot Module Replacement with Angular and Webpack
This article shows how HMR, or Hot Module Replacement can be used together with Angular and Webpack. Code: VS2017 angular 4.x Blogs in this series: ASP.NET Core, Angular with Webpack and Visual Studio Building production ready Angular apps with Visual Studio and ASP.NET Core Angular Lazy Loading with Webpack 2 Hot Module Replacement with Angular […]
Creating an ASP.NET Core Docker application and deploying to Azure
This blog is a simple step through, which creates an ASP.NET Core Docker image using Visual Studio 2017, deploys it to Docker Hub and then deploys the image to Azure. Thanks to Malte Lantin for his fantastic posts on MSDN. See the links at the end of this post. Code: https://github.com/damienbod/AspNetCoreDockerAzureDemo 2017.02.03: Updated to VS2017 […]
Angular Lazy Loading with Webpack 3
This article shows how Angular lazy loading can be supported using Webpack 2 for both JIT and AOT builds. The Webpack loader angular-router-loader from Brandon Roberts is used to implement this. A big thanks to Roberto Simonetti for his help in this. Code: VS2017 angular 4.x Blogs in this series: ASP.NET Core, Angular with Webpack […]
Building production ready Angular apps with Visual Studio and ASP.NET Core
This article shows how Angular SPA apps can be built using Visual Studio and ASP.NET Core which can be used in production. Lots of articles, blogs templates exist for ASP.NET Core and Angular but very few support Angular production builds. Although Angular is not so old, many different seeds and build templates already exist, so […]
Using SASS with Webpack, Angular and Visual Studio
This post shows how to use SASS with Webpack and Angular 2 in Visual Studio. I had various problems trying to get this to work from Visual Studio using a Webpack build. The following is a solution which works, but not the only one. Code: https://github.com/damienbod/Angular2WebpackVisualStudio 2017.02.08: Updated webpack 2.2.1, angular 2.4.6 2017.01.07: Updated webpack […]
IdentityServer4, Web API and Angular in a single ASP.NET Core project
This article shows how IdentityServer4 with Identity, a data Web API, and an Angular SPA could be setup inside a single ASP.NET Core project. The application uses the OpenID Connect Implicit Flow with reference tokens to access the API. The Angular application uses webpack to build. Code: https://github.com/damienbod/AspNet5IdentityServerAngularImplicitFlow History: 2019-09-20: Updated ASP.NET Core 3.0, Angular […]
Angular Auto Save, Undo and Redo
This article shows how to implement auto save, Undo and Redo commands in an Angular SPA. The Undo and the Redo commands work for the whole application and not just for single components. The Angular app uses an ASP.NET Core service implemented in the previous blog. Code: https://github.com/damienbod/AngularAutoSaveCommands History 2021-01-20: Updated to ASP.NET Core 5, […]
Software Engineering 