关于使用QQ、新浪微博、腾讯微博等第三方登陆网站的开发过程（一）

时间 2019-11-19

标签关于使用新浪微博腾讯第三方登陆网站开发过程栏目腾讯繁體版

原文原文链接

（一）. 实现QQ登陆本身开发的网站html

　　首先须要在http://connect.qq.com/申请一个网站应用的 APP ID 和APP KEY。申请流程以下：web

　　1. 登陆QQ互联以后，注册成为开发者，填写相关资料，根据本身选择公司或者我的都行post

　　2. 在【管理中心】点击建立应用测试

　　3. 填写应用的相关信息，填写网站以后记得根据提示进行网站的验证网站

　　4. 填写回调地址，其实回调地址能够本身定义（若是是本地测试，能够用IP地址）ui

　　5. 以上步骤完成以后，就会获取到APP ID 和APP KEYthis

接下来就是准备作开发了：spa

　　过程是参照博客园的张善友博友的文章来作的，原文地址：http://www.cnblogs.com/shanyou/archive/2012/02/05/2338797.html3d

　　1. 首先下载 SDK（http://opensns.codeplex.com/）。SDK依赖于Newtonsoft.Json和RestSharp两个程序集，具体能够参考使用RestSharp 库消费Restful Service。主要是两个类QzoneContext（QQ登录的上下文数据）和 QOpenClient （QQ互联API入口），其余类主要是模型，配置类。code

　　2. 配置文件中加入以下内容：

 1 <configSections>
 2     <!-- For more information on Entity Framework configuration, visit http://go.microsoft.com/fwlink/?LinkID=237468 -->
 3 
 4     <sectionGroup name="QQSectionGroup">
 5       <section name="QzoneSection" type="System.Configuration.NameValueSectionHandler,System, Version=4.0.0.0, Culture=neutral,PublicKeyToken=b77a5c561934e089" />
 6     </sectionGroup>
 7     
 8   </configSections>
 9 
10   <QQSectionGroup>
11     <QzoneSection>
12       <add key="AppKey" value="" />
13       <add key="AppSecret" value="" />
14       <add key="CallBackURI" value="http://www.xxxxxx.com/QQCallBack.html" />
15       <add key="AuthorizeURL" value="https://graph.qq.com/oauth2.0/authorize" />
16     </QzoneSection>
17   </QQSectionGroup>

　　3. 我这里是用 MVC 模式，后台代码以下：　　

 1         public ActionResult Index()
 2         {
 3             //this.Session[RETURNURL] = returnUrl;
 4             var context = new QzoneContext();
 5             string state = Guid.NewGuid().ToString().Replace("-", "");
 6             Session["requeststate"] = state;
 7             string scope = "get_user_info,add_share,list_album,upload_pic,check_page_fans,add_t,add_pic_t,del_t,get_repost_list,get_info,get_other_info,get_fanslist,get_idolist,add_idol,del_idol,add_one_blog,add_topic,get_tenpay_addr";
 8             model.authenticationUrl = context.GetAuthorizationUrl(state, scope); 
 9 
10             return View(model);
11         }

　　前台页面以下：

@model dynamic
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta property="wb:webmaster" content="9ff88f2c5fc7bf93" />
    <title>Index</title>
</head>
<body>
    <div>
        用户名：<input type="text" /><br />
        密　码：<input type="password" /><br />
        <input type="button" value="登陆" />
    </div>
    <div>
        <a href="@Model.authenticationUrl"><img src="~/Images/qq.png" />QQ帐号登陆</a>
    </div>
</body>
</html>

　　测试界面以下：点击后可实现QQ登陆

　　这样虽然实现了QQ 登陆，可是只能用你本身的开发者的QQ帐号来登陆，若是要使用任意QQ帐号登陆的话，须要应用经过TX审核。。。

注意：

　　若是是本地测试，IIS 发布的网站端口修改成80 ，修改 C:\Windows\System32\drivers\etc 中的hosts文件，添加IIS中的网站IP和对应域名：