Owin/Katana Authentication Handler for Auth0. Plug into the ASP.NET 4.5 Owin infrastructure (middleware) and extends default providers with more social providers like Amazon, Facebook, GitHub, LinkedIn, LiveId Google, Twitter, Paypal, vKontakte and Enterprise provides like any IdP that speaks SAML Protocol, ADFS, Google Apps, ADFS, Windows Azure AD, etc.
Install-Package Auth0-ASPNET-Owin
1- Create a new ASP.NET 4.5 Project.
2- Go to Web.config and set auth0:ClientId, auth0:ClientSecret and auth0:Domain from appSettings.
Note: These settings can be found on Auth0 dashboard.
3- Edit App_Start\Startup.Auth.cs in order to call the UseAuth0Authentication extension method:
public void ConfigureAuth(IAppBuilder app)
{
// Enable the application to use a cookie to store information for the signed in user
app.UseCookieAuthentication(new CookieAuthenticationOptions
{
AuthenticationType = DefaultAuthenticationTypes.ApplicationCookie,
LoginPath = new PathString("/Account/Login")
// LoginPath property informs the middleware that it should change an outgoing 401 Unauthorized status code into a 302 redirection onto the given login path
// More info: http://msdn.microsoft.com/en-us/library/microsoft.owin.security.cookies.cookieauthenticationoptions.loginpath(v=vs.111).aspx
});
// Use a cookie to temporarily store information about a user logging in with a third party login provider
app.UseExternalSignInCookie(DefaultAuthenticationTypes.ExternalCookie);
// ...
app.UseAuth0Authentication(
clientId: System.Configuration.ConfigurationManager.AppSettings["auth0:ClientId"],
clientSecret: System.Configuration.ConfigurationManager.AppSettings["auth0:ClientSecret"],
domain: System.Configuration.ConfigurationManager.AppSettings["auth0:Domain"]);
}Note: The nuget provides a simple controller (Auth0AccountController) to process the authentication response from Auth0. If you want to use your own controller, make sure you set the
redirectPathparameter. For example, in order to use the implementation provided by Visual Studio templates, use the following:redirectPath: "/Account/ExternalLoginCallback".
4- Include the Auth0 Widget:
<a href="javascript:widget.signin();">Login</a>
<script src="https://d19p4zemcycm7a.cloudfront.net/w2/auth0-widget-2.3.min.js"></script>
<script type="text/javascript">
var widget = new Auth0Widget({
domain: '@System.Configuration.ConfigurationManager.AppSettings["auth0:Domain"]',
clientID: '@System.Configuration.ConfigurationManager.AppSettings["auth0:ClientId"]',
callbackURL: 'http://localhost:PORT/signin-auth0'
});
</script>Note: Once user is authenticated, you can access his profile by doing:
@if (Request.IsAuthenticated)
{
var id_token = "@ClaimsPrincipal.Current.FindFirst("id_token").Value";
var email = "@ClaimsPrincipal.Current.FindFirst("email").Value";
// ...
}You can change/add new claims by attaching to OnAuthenticated:
var provider = new Auth0.Owin.Auth0AuthenticationProvider
{
OnAuthenticated = (context) =>
{
// These are examples of adding additional claims. Comment them out if you're not going to use them.
// context.User is a JObject with the original user object from Auth0
context.Identity.AddClaim(new Claim("foo", "bar"));
context.Identity.AddClaim(
new Claim(
"friendly_name",
string.Format("{0}, {1}", context.User["family_name"], context.User["given_name"])));
return System.Threading.Tasks.Task.FromResult(0);
}
};
// specify the provider
app.UseAuth0Authentication(provider: provider, clientId: ... );You can validate the xsrf value by attaching to OnReturnEndpoint:
var provider = new Auth0.Owin.Auth0AuthenticationProvider
{
OnReturnEndpoint = (context) =>
{
// xsrf validation
if (context.Request.Query["state"] != null && context.Request.Query["state"].Contains("xsrf="))
{
var state = HttpUtility.ParseQueryString(context.Request.Query["state"]);
if (state["xsrf"] != "your_xsrf_random_string")
{
throw new HttpException(400, "invalid xsrf");
}
}
return System.Threading.Tasks.Task.FromResult(0);
}
};
// specify the provider
app.UseAuth0Authentication(provider: provider, clientId: ... );And set same value when the widget is shown:
<a href="javascript:showWidget();">Login</a>
<script type="text/javascript">
var widget = new Auth0Widget({
domain: '@System.Configuration.ConfigurationManager.AppSettings["auth0:Domain"]',
clientID: '@System.Configuration.ConfigurationManager.AppSettings["auth0:ClientId"]',
callbackURL: 'http://localhost:PORT/signin-auth0'
});
function showWidget() {
var xsrf = 'your_xsrf_random_string';
var returnUrl = window.location.pathname;
widget.signin({
state: 'xsrf=' + xsrf + '&ru=' + returnUrl
});
}
</script>- Robert McLaws (@robertmclaws - AdvancedREI)