第三方登录之QQ

因为开发项目中有使用到第三方登录的技术，于是就研究了一下，把流程总结一下，方便以后使用，也给大家提供一个参考，有不对的地方，希望大家指出来,做这个测试的前提是你要有一个能连接公网的服务器或者云服务器都可以，还需要一个域名，我这里是把测试网站部署到新浪云上面的，创建好你的测试网站，并记录下访问地址。

第一步：进入QQ互联的官网（http://connect.qq.com/），并登录，在这里需要注意的是，官网给的建议是使用公司公共QQ号，以免造成员工离职后QQ号不能使用的问题，当然了，我这里是做的测试，就使用自己的QQ号登录了。

第二步：当你登录以后，就可以进入到管理中心了

然后选择创建应用这里我选择的是网站，当然也可以选择移动应用

接着就会就会有一个网站相关信息的表单要你提交在这里上面记录下来的域名就要用上来了，网站地址和回调地址都填的网站首页即可，其他的都可以随意填，下面给出了我填写的样例，回调地址，就是你授权成功后跳转到的页面，通常都设为网站的首页或者用户管理页面


填写完以后你会发现还是不能创建应用，这不是网站有问题，而是你还有一个步骤没有做，现在你把鼠标指向验证按钮不要点击，你会发现弹出来一个下拉框如图

将其中的标签中的内容复制放到你的网站首页的head标签里面如图

部署到服务器上，点击开始验证，验证成功后即可点击创建应用，然后一个应用就创建成功了。接下来我们需要配置协同者开发账户，否则你就无法进行测试，如图配置，账号之间用逗号隔开



就可以去官网下载sdk了，地址是（http://wiki.connect.qq.com/sdk%E4%B8%8B%E8%BD%BD）我这里使用的是选择使用的是java的，当然官方是提供了好几种介入方式的，大家选择自己适合的就好。

第三步：将下载好的sdk解压后，打开eclipse将里面的sdk4j_demo里面的com.qq.connect.demo包里的三个java文件拷贝到你的项目中，将qqconnectconfig.properties文件拷贝到src目录下，将Sdk4J.jar导入项目中，我的目录结构如图：

修改配置文件qqconnectconfig.properties，只需要修改前面四项就可以了
第三项是回调地址的配置
第四项scope是配置权限的，我这里只配置了获取用户信息的权限

app_ID = 这里填写你的appID
app_KEY = 这里填写你的Appkey
redirect_URI = http://1.linchaobbs.sinaapp.com/AfterLoginRedirectServlet.action
scope = get_user_info
baseURL = https://graph.qq.com/
getUserInfoURL = https://graph.qq.com/user/get_user_info
accessTokenURL = https://graph.qq.com/oauth2.0/token
authorizeURL = https://graph.qq.com/oauth2.0/authorize
getOpenIDURL = https://graph.qq.com/oauth2.0/me
addTopicURL = https://graph.qq.com/shuoshuo/add_topic
addBlogURL = https://graph.qq.com/blog/add_one_blog
addAlbumURL = https://graph.qq.com/photo/add_album
uploadPicURL = https://graph.qq.com/photo/upload_pic
listAlbumURL = https://graph.qq.com/photo/list_album
addShareURL = https://graph.qq.com/share/add_share
checkPageFansURL = https://graph.qq.com/user/check_page_fans
addTURL = https://graph.qq.com/t/add_t
addPicTURL = https://graph.qq.com/t/add_pic_t
delTURL = https://graph.qq.com/t/del_t
getWeiboUserInfoURL = https://graph.qq.com/user/get_info
getWeiboOtherUserInfoURL = https://graph.qq.com/user/get_other_info
getFansListURL = https://graph.qq.com/relation/get_fanslist
getIdolsListURL = https://graph.qq.com/relation/get_idollist
addIdolURL = https://graph.qq.com/relation/add_idol
delIdolURL = https://graph.qq.com/relation/del_idol
getTenpayAddrURL = https://graph.qq.com/cft_info/get_tenpay_addr
getRepostListURL = https://graph.qq.com/t/get_repost_list
version =2.0.0.0

接下来修改xml配置主要是配置xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>testsite</display-name>
  <servlet>
    <servlet-name>IndexServlet</servlet-name>
    <servlet-class>com.qq.connect.demo.IndexServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>IndexServlet</servlet-name>
    <url-pattern>/IndexServlet.action</url-pattern>
  </servlet-mapping>
    <servlet>
    <servlet-name>AfterLoginRedirectServlet</servlet-name>
    <servlet-class>com.qq.connect.demo.AfterLoginRedirectServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>AfterLoginRedirectServlet</servlet-name>
    <url-pattern>/AfterLoginRedirectServlet.action</url-pattern>
  </servlet-mapping>



  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
</web-app>

接下来是在页面上添加登录按钮

<a href="IndexServlet.action"><img src="Connect_logo_1.png" onclick=""></a>

将代码部署到云端就可以开始测试了



oK到这里就完成了测试了