While the post is titled to show how you can integrate this with UniversalProviders, you can totally integrate this with SqlMembership or with your custom membership providers since Microsoft.AspNet.Membership.OpenAuth uses Membership APIs for creating users and login<\/p>\n
I posted the following webforms project template which uses sqlmembership<\/p>\n
https:\/\/github.com\/rustd\/AspNetSocialLoginSqlMembership<\/a><\/p>\n <\/p>\n <\/p>\n <\/div>\n<\/div>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/div>\n<\/div>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/div>\n<\/div>\n <\/p>\n <\/p>\n <\/p>\n <\/div>\n<\/div>\n At this stage the UI will look as follows<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/div>\n<\/div>\n At this stage the UI will look as follows<\/p>\n <\/div>\n<\/div>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/div>\n<\/div>\n At this stage the UI will look as follows<\/p>\n Once the membership user is saved to the database, the database will have the following tables<\/p>\n All tables would seem familiar as they are used by Universal Providers for membership, roles, profile. The 2 new tables were created by Microsoft.AspNet.Membership.OpenAuth to integrate OAuth\/OpenId information with membership system.<\/p>\n UsersOpenAuthAccounts<\/strong>: This holds the information on what providers can the user login by.eg if your app is configured to use Facebook, Google then the user can login via either of them and this information will be stored here<\/p>\n UsersOpenAuthData<\/strong>: This table integrates the OAuth\/Openid login to the membership system.<\/p>\n Following image shows how OAuth\/OpenId login information is wired to membership system.<\/p>\n The membershipusername is the username in the Users table.At this stage since you have the users table populated you can create roles and add\/remove these users from roles and thus achieve OAuth\/OpenId integration with Roles as well<\/p>\n This entire sample is posted on my github repository(https:\/\/github.com\/rustd\/SocialLoginASPNET<\/a>)<\/p>\n Feel free to download it and give it a try<\/p>\n <\/p>\nFollowing are the steps of integrating OpenAuth\/OpenId into your existing application<\/h3>\n
\n
\n
\n
\n
\n
\n
\n
<\/ul>\n<\/ul>\n<\/ul>\n
<<\/span>authentication<\/span> mode<\/span>=\"Forms\"<\/span>><\/span><\/pre>\n <<\/span>forms<\/span> loginUrl<\/span>=\"Default.aspx\"<\/span>><\/<\/span>forms<\/span>><\/span><\/pre>\n<\/<\/span>authentication<\/span>><\/span><\/pre>\n\n
\n
<\/ul>\n<\/ul>\n<\/ul>\n
\/\/ See http:\/\/go.microsoft.com\/fwlink\/?LinkId=252803 for details on setting up this ASP.NET<\/span><\/pre>\n \/\/ application to support logging in via external services.<\/span><\/pre>\n <\/pre>\n
\/\/OpenAuth.AuthenticationClients.AddTwitter(<\/span><\/pre>\n \/\/ consumerKey: \"your Twitter consumer key\",<\/span><\/pre>\n \/\/ consumerSecret: \"your Twitter consumer secret\");<\/span><\/pre>\n <\/pre>\n
\/\/OpenAuth.AuthenticationClients.AddFacebook(<\/span><\/pre>\n \/\/ appId: \"your Facebook app id\",<\/span><\/pre>\n \/\/ appSecret: \"your Facebook app secret\");<\/span><\/pre>\n <\/pre>\n
\/\/OpenAuth.AuthenticationClients.AddMicrosoft(<\/span><\/pre>\n \/\/ clientId: \"your Microsoft account client id\",<\/span><\/pre>\n \/\/ clientSecret: \"your Microsoft account client secret\");<\/span><\/pre>\n <\/pre>\n
OpenAuth.AuthenticationClients.AddGoogle();<\/pre>\n
\n
\n
\n
<\/ul>\n<\/ul>\n<\/ul>\n<\/ul>\n
<asp:ListView runat=\"server\"<\/span> ID=\"providerDetails\"<\/span> ItemType=\"Microsoft.AspNet.Membership.OpenAuth.ProviderDetails\"<\/span><\/pre>\n SelectMethod=\"GetProviderNames\"<\/span> ViewStateMode=\"Disabled\"<\/span>><\/pre>\n <ItemTemplate><\/pre>\n
<button type=\"submit\"<\/span> name=\"provider\"<\/span> value<\/span>=\"<%#: Item.ProviderName %>\"<\/span><\/pre>\n title=\"Log in using your <%#: Item.ProviderDisplayName %> account.\"<\/span>><\/pre>\n <%#: Item.ProviderDisplayName %><\/pre>\n
<\/button><\/pre>\n
<\/ItemTemplate><\/pre>\n
<EmptyDataTemplate><\/pre>\n
<p>There are no external authentication services configured. <\/p><\/pre>\n
<\/EmptyDataTemplate><\/pre>\n
<\/asp:ListView><\/pre>\n
\n
\n
\n
<\/ul>\n
<\/ul>\n<\/ul>\n<\/ul>\n<\/ul>\n
public<\/span> IEnumerable<ProviderDetails> GetProviderNames()<\/pre>\n {<\/pre>\n return<\/span> OpenAuth.AuthenticationClients.GetAll();<\/pre>\n }<\/pre>\n
\n
![\"providers\"](\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2012\/09\/0358.providers_thumb_483D7AD3.jpg\" "\\"providers\\"")
<\/a><\/p>\n<\/blockquote>\n\n
\n
<\/ul>\n<\/ul>\n<\/ul>\n
public<\/span> string<\/span> ReturnUrl { get; set; }<\/pre>\n <\/pre>\n
protected<\/span> void<\/span> Page_Load(object<\/span> sender, EventArgs e)<\/pre>\n {<\/pre>\n if<\/span> (IsPostBack)<\/pre>\n {<\/pre>\n var provider = Request.Form[\"provider\"<\/span>];<\/pre>\n if<\/span> (provider == null<\/span>)<\/pre>\n {<\/pre>\n return<\/span>;<\/pre>\n }<\/pre>\n
<\/pre>\n
var redirectUrl = \"~\/ExternalLoginLandingPage.aspx\"<\/span>;<\/pre>\n if<\/span> (!String.IsNullOrEmpty(ReturnUrl))<\/pre>\n {<\/pre>\n var resolvedReturnUrl = ResolveUrl(ReturnUrl);<\/pre>\n
redirectUrl += \"?ReturnUrl=\"<\/span> + HttpUtility.UrlEncode(resolvedReturnUrl);<\/pre>\n }<\/pre>\n
<\/pre>\n
OpenAuth.RequestAuthentication(provider, redirectUrl);<\/pre>\n
}<\/pre>\n
}<\/pre>\n
\n
![\"googlelogin\"](\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2012\/09\/1348.googlelogin_thumb_007BF1EC.png\" "\\"googlelogin\\"")
<\/a><\/p>\n<\/blockquote>\n\n
\n
\n
<\/ol>\n<\/ol>\n<\/ul>\n<\/ul>\n
ProcessProviderResult() in<\/span> page_load does this<\/span> processing<\/pre>\n\n
\n
\n
<\/ol>\n
![\"localaccount\"](\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2012\/09\/1732.localaccount_thumb_189F5C47.png\" "\\"localaccount\\"")
<\/a><\/li>\n<\/ol>\n<\/ol>\n<\/ul>\n<\/ul>\n
\/\/Markup and refer to codebeind methods<\/span><\/pre>\n<ol><\/pre>\n
<li class<\/span>=\"email\"<\/span>><\/pre>\n <asp:Label ID=\"Label1\"<\/span> runat=\"server\"<\/span> AssociatedControlID=\"userName\"<\/span>>User name<\/asp:Label><\/pre>\n <asp:TextBox runat=\"server\"<\/span> ID=\"userName\"<\/span> \/><\/pre>\n <asp:RequiredFieldValidator ID=\"RequiredFieldValidator1\"<\/span> runat=\"server\"<\/span> ControlToValidate=\"userName\"<\/span><\/pre>\n Display=\"Dynamic\"<\/span> ErrorMessage=\"User name is required\"<\/span> ValidationGroup=\"NewUser\"<\/span> \/> <\/pre>\n <asp:ModelErrorMessage ID=\"ModelErrorMessage2\"<\/span> runat=\"server\"<\/span> ModelStateKey=\"UserName\"<\/span> CssClass=\"field-validation-error\"<\/span> \/> <\/pre>\n <\/li><\/pre>\n
<\/ol><\/pre>\n
<asp:Button ID=\"Button1\"<\/span> runat=\"server\"<\/span> Text=\"Log in\"<\/span> ValidationGroup=\"NewUser\"<\/span> OnClick=\"logIn_Click\"<\/span> \/><\/pre>\n <asp:Button ID=\"Button2\"<\/span> runat=\"server\"<\/span> Text=\"Cancel\"<\/span> CausesValidation=\"false\"<\/span> OnClick=\"cancel_Click\"<\/span> \/><\/pre>\n\n
![\"loggedin\"](\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2012\/09\/4150.loggedin_thumb_65CF55D2.png\" "\\"loggedin\\"")
<\/a><\/p>\n<\/blockquote>\nDatabase structure<\/h2>\n
![\"listoftables\"](\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2012\/09\/8272.listoftables_thumb_4BFB1FA3.png\" "\\"listoftables\\"")
<\/a><\/p>\n![\"usersdata\"](\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2012\/09\/7776.usersdata_thumb_4AB686C4.png\" "\\"usersdata\\"")
<\/a><\/p>\nWhat the default templates demonstrate more than this<\/h3>\n