External authorization works on Azure - how to replicate on localhost

Question

I have an Azure website (built using VS2015 Community) which uses "social" login for authentication.

I have successfully deployed a working PoC to azure which happily authenticates the user using the Google+ or Microsoft Account authentication services - i.e. the Azure app service is configured correctly to support social login from these two providers.

The problem is that I don't know how to replicate this for development on localhost; when clicking on one of these links (e.g. the MS one) the browser navigates to http://localhost:60380/.auth/login/microsoftaccount and I unsurprisingly get HTTP Error 404.0 - Not Found.

Question: is there a way I can configure my solution/local environment to authenticate using social authentication whilst running on localhost? Service providers such as Google seem to have no issue letting you specify localhost addresses.

My website has some very basic authorization checks that I want to perform, and I obviously want to do this on my dev environment first.

For your reference - HTML / Login links:

<a href="/.auth/login/microsoftaccount">Microsoft Account</a>
<a href="/.auth/login/Google">Google Account</a>

Google API Manager Config - Authorized JavaScript origins

https://[my site].azurewebsites.net
http://localhost:60380

Answer 1

According to your description, I assumed that you are using Authentication/ Authorization of Azure App Service which provides you with an easy way to protect your application without changing any code on your app back-end.

As I known, when your app hosting on Azure then you could take advantage of the "Easy Auth" feature. But while developing locally, I assumed that you need to write your code to support "social" login for authentication. For more details, you could follow this tutorial.

Additionally, you could follow this Architecture of Azure App Service Authentication / Authorization and this tutorial for a better understanding of Easy Auth.