WebForms,MVC和网页的OAuth / OpenID的支持

在Visual Studio 2012最酷的功能之一是能够使用微软,脸谱,Twitter或谷歌帐户登录。的项目模板展示了一个社会的记录方式与通常的方式记录在创建本地帐户

这篇文章重点介绍了如何记录,通过这些服务项目模板,您可以打开支持。在下面的视频头得到一个快速浏览一下此功能的 http://www.asp.net/vnext/overview/videos/oauth-in-the-default-aspnet-45-templates

启用OAuth登录使用Facebook,Twitter的

拿到钥匙的Facebook的步骤

  • 进入到Facebook开发者网站(如果您尚未登录登录)。
  • 选择“创建新的应用程序”按钮,然后按照提示命名和创建新的应用程序。
  • 在本节中,选择您的应用程序将如何与Facebook的整合,选择网站的部分。
  • “网站URL”字段中填写您网站的网址(例如http://www.example.com)。“域”字段是可选的,你可以用它来 ​​提供身份验证对整个域(如example.com)。
    如果您在本地计算机上运行的网站的URL,如http://localhost:12345(号码是一个本地端口号),您可以测试您的网站的“网站URL”字段中添加该值。但是,任何时候你的本地站点更改的端口号,你将需要更新您的应用程序的网站URL“字段中。
  • 选择“保存更改”按钮。
  • 再次选择“应用程序”选项卡,然后查看您的应用程序的起始页。
  • 为您的应用程序的应用程序ID和应用程序的秘密值复制并粘贴到一个临时文本文件。您将这些值传递到Facebook的供应商,在您的网站代码。
  • 退出Facebook的开发者网站上。

拿到钥匙的Twitter的步骤

  • 浏览Twitter开发网站
  • 选择“创建一个应用程序链接,然后登录到该网站。
  • 在创建应用程序的形式,填写“名称”和“描述”字段。
  • 在“网址”字段中,输入您网站的网址(例如http://www.example.com
    注意:如果你在本地测试您的网站(使用http://localhost:12345这样的URL ),微博可能不接受URL。然而,你可能会对能够使用本地回路IP地址(例如http://127.0.0.1:12345)。这简化了在本地测试您的应用程序的过程中。然而,每一次的端口号本地站点的变化,你就需要更新您的应用程序的网站领域的。
  • 在回调URL“字段中,输入一个网址的页面,在你的网站,你希望用户能够登录到Twitter后返回。例如,向用户发送的入门网站的主页(这将认识到他们的登录状态),输入相同的URL,你在网址栏位中输入。
  • 接受条款,并选择“创建你的Twitter应用程序按钮。
  • 在我的应用程序登陆页面,选择你所创建的应用程序。
  • 在“详细信息”选项卡上,滚动到的底部,并选择“创建我的访问令牌按钮。
  • 在“详细信息”选项卡,将消费方键值和消费方密钥值,为您的应用程序,并将其粘贴到一个临时文本文件。你会通过这些值在您的网站代码到Twitter供应商。
  • 退出Twitter网站。

启用OAuth支持的WebForms的步骤

    • 创建一个新的ASP.NET WebForms应用程序
    • 页转到App_Start \ AuthConfig.cs,并取消对下面的几行代码
OpenAuth.AuthenticationClients.AddTwitter(
                 CONSUMERKEY: 你的Twitter用户端金钥”
                 consumerSecret: 你的Twitter消费者的秘密”);
 
            OpenAuth.AuthenticationClients.AddFacebook(
                 APPID: 你的Facebook应用程序ID” 
                 appSecret: 你的Facebook应用程序的秘密”);

在MVC的步骤启用OAuth的支持

    • 创建一个新的ASP.NET MVC的互联网应用
    • 页转到App_Start \ AuthConfig.cs,并取消对下面的几行代码
/ / OAuthWebSecurity.RegisterTwitterClient(
            / / CONSUMERKEY:“”,
            / / consumerSecret:“”);
 
            / / OAuthWebSecurity.RegisterFacebookClient(
            / / APPID:“”,
            / / appSecret: );

在网页中的步骤启用OAuth的支持

    • 创建一个新的ASP.NET网站(Razor2)
    • 页转到_AppStart.cshtml,并取消对下面的几行代码
/ / OAuthWebSecurity.RegisterTwitterClient(
            / / CONSUMERKEY:“”,
            / / consumerSecret:“”);
 
            / / OAuthWebSecurity.RegisterFacebookClient(
            / / APPID:“”,
            / / appSecret: );

OpenID的服务,如谷歌

在WebForms的步骤来启用OpenID支持

  • 创建一个新的ASP.NET WebForms应用程序
  • 页转到App_Start \ AuthConfig.cs,并取消对下面的几行代码
OpenAuth.AuthenticationClients.AddGoogle();

 

MVC中的步骤来启用OpenID支持

  • 创建一个新的ASP.NET MVC的互联网应用
  • 页转到App_Start \ AuthConfig.cs,并取消对下面的几行代码

OAuthWebSecurity.RegisterGoogleClient();

步骤来启用OpenID支持在网页中

  • 创建一个新的ASP.NET网站(Razor2)
  • 页转到_AppStart.cshtml,并取消对下面的几行代码

OAuthWebSecurity.RegisterGoogleClient();

链接到相关的帖子

http://blogs.msdn.com/b/webdev/archive/2012/08/22/extra-information-from-oauth-openid-provider.aspx

http://blogs.msdn.com/b/pranav_rastogi/archive/2012/08/23/plugging-custom-oauth-openid-providers.aspx

http://blogs.msdn.com/b/webdev/archive/2012/08/24/customizing-the-login-ui-when-using-oauth-openid.aspx

http://blogs.msdn.com/b/webdev/archive/2012/09/12/integrate-openauth-openid-with-your-existing-asp-net-application-using-universal-providers.aspx

http://blogs.msdn.com/b/webdev/archive/2012/09/19/configuring-your-asp-net-application-for-microsoft-oauth-account.aspx

http://www.asp.net/mvc/overview/getting-started/using-oauth-providers-with-mvc

posted on 2013-03-08 18:19  sodo  阅读(1488)  评论(0编辑  收藏  举报

导航