Microsoft cloud engineer - SharePoint, Office 365, Azure, DotNet, Angular, JavaScript.
Microsoft cloud engineer - SharePoint, Office 365, Azure, DotNet, Angular, JavaScript.

VIDEO – AngularJS SPA and WebAPI SQL database secured with Azure AD – SETUP (Part 1 of 3)

Wanted to share video walk through of how to create an AngularJS front end Single Page Application (SPA) which SQL Server WebAPI secured using Azure Active Directory authentication.   Project includes PowerShell PS1 automation for App Registration within Azure AD.  All HTTP data traffic POST and GET is now protect with Azure AD authentication tokens to ensure only valid users can leverage the application or HTTP data endpoints.     Excellent design pattern to provide rich user experience with secure data storage, all hosted on Azure with Website, SQL, and App Registration.  Cheers.  

shades_smile

Technical topics covered include:

  • AngularJS 1x single page application (SPA)
  • AngularJS routing
  • ADAL login / logout user experience
  • Dot Net WebAPI endpoints for HTTP GET/POST
  • Dot Net Entity Framework
  • Dot Net web.config lifecycle DEV/PROD
  • Azure website
  • Azure SQL
  • Azure Active Directory – App Registration
  • Azure Active Directory – Bearer token
  • JWT IO – Bearer token
  • Postman HTTP 401 to verify AAD security

This post is part of series with three posts:

Video

Code

Screenshots

image

image

image

image

image

image
image

image
image

image

image
image

image

References

© Copyright 2016
@ SPJeff

Return to Top ▲Return to Top ▲