NetCoreAngularAzureB2CMsal

screenshot of NetCoreAngularAzureB2CMsal
angular
bootstrap

This is the dotnet core angular default template with an addition of authentication with the help of Azure AD B2C and msal.js

Overview

The Angular .Net Core startup template with Azure AD B2C authentication is an impressive solution for developers seeking a robust framework for building secure applications. This template combines the versatility of Angular with the powerful backend capabilities of .Net Core while integrating seamless authentication through Azure AD B2C. With its user-friendly setup, developers can swiftly kickstart their projects while relying on established security protocols.

What sets this template apart is its focus on authentication management using msal.js, ensuring that accessing resources is both secure and efficient. Ideal for developers looking to build applications that require user identity management without the overhead of creating a custom solution, this template provides a solid foundation and does so with a straightforward setup process.

Features

  • Easy Setup: Download the source code via git and quickly get started with your project by restoring both NuGet and NPM packages.
  • Customizable Environment: Easily update the environment.ts file to match your Azure AD B2C subscription for personalized configuration.
  • Secure Configuration: Utilize the Manage User Secrets option to keep your tenant configuration private and prevent unnecessary commits to Git.
  • Dynamic Port Configuration: Set the Reply URL and port in your application properties to ensure proper functionality when running the sample app.
  • Development Mode Ready: Ensure your application runs smoothly by starting it in Development mode, enabling accurate webpack bootstrapping.
  • Port Flexibility: For testing purposes, connect with the example fabrikamb2c tenant by setting the application to run on port 6420 for simplified access.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.