springboot網站應用使用第三方qq登入

使用第三方qq登入需要在QQ互聯官網https://connect.qq.com/中申請成功才可以使用。

1.登入成功後進入個人設定中心設定個人資訊

2.選擇公司或個人接入，這裡我選擇個人接入

 3.注冊稽核通過以後，點選應用管理，右側會顯示稽核已認證，然後就可以申請網站應用的第三方登入了

4.填寫網站資訊

 5.然後就可以獲得APP ID和 APP Key,有了這兩個就可以使用qq登陸了

 6.然後下邊是如何使用登入接口進行授權登入

這個java使用qq接口登入的源碼連結：https://pan.baidu.com/s/1-KM80g5k4OWpO1v8KwtO_A 提取碼：sdkh

6.1首先建立一個springboot應用learnstudy

目錄結構

6.2導入依賴 

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>


!--qq互聯-->
        <!-- https://mvnrepository.com/artifact/net.gplatform/Sdk4J -->
        <dependency>
            <groupId>net.gplatform</groupId>
            <artifactId>Sdk4J</artifactId>
            <version>2.0</version>
        </dependency>


        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>
           

 6.3建立登入控制類 LoginController

package com.study.learn.controller;

import com.qq.connect.QQConnectException;
import com.qq.connect.api.OpenID;
import com.qq.connect.api.qzone.PageFans;
import com.qq.connect.api.qzone.UserInfo;
import com.qq.connect.javabeans.AccessToken;
import com.qq.connect.javabeans.qzone.PageFansBean;
import com.qq.connect.javabeans.qzone.UserInfoBean;
import com.qq.connect.oauth.Oauth;
import com.study.learn.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

@Controller
public class LoginController {

    @RequestMapping("/hello")
    @ResponseBody
    public String hello(){
        return "hello";
    }

    @RequestMapping("/")
    public String index(){
        return "index";
    }

  /*請求qq登入*/
    @RequestMapping("/LoginByQQ")
    public void LoginByQQ(HttpServletRequest request, HttpServletResponse response){
        try {
            response.sendRedirect(new Oauth().getAuthorizeURL(request));
        } catch (QQConnectException | IOException e) {
            e.printStackTrace();
        }

    }


    
    /*回調位址*/
    @RequestMapping("/login")
    public String AfterLoginRedirect(HttpServletRequest request, HttpServletResponse response, Model model){
        try {
            AccessToken accessTokenObj = (new Oauth()).getAccessTokenByRequest(request);

            String accessToken   = null,
                    openID        = null;
            long tokenExpireIn = 0L;




            if (accessTokenObj.getAccessToken().equals("")) {
//                我們的網站被CSRF攻擊了或者使用者取消了授權
//                做一些資料統計工作
                System.out.print("沒有擷取到響應參數");
            } else {
                accessToken = accessTokenObj.getAccessToken();
                tokenExpireIn = accessTokenObj.getExpireIn();

                request.getSession().setAttribute("demo_access_token", accessToken);
                request.getSession().setAttribute("demo_token_expirein", String.valueOf(tokenExpireIn));

                // 利用擷取到的accessToken 去擷取目前用的openid -------- start
                OpenID openIDObj =  new OpenID(accessToken);
                openID = openIDObj.getUserOpenID();

            //    out.println("歡迎你，代号為 " + openID + " 的使用者!");
                request.getSession().setAttribute("demo_openid", openID);
            //    out.println("<a href=" + " target="_blank" rel="external nofollow" /shuoshuoDemo.html" +  " target=\"_blank\">去看看發表說說的demo吧</a>");
                // 利用擷取到的accessToken 去擷取目前使用者的openid --------- end


            //    out.println("<p> start -----------------------------------利用擷取到的accessToken,openid 去擷取使用者在Qzone的昵稱等資訊 ---------------------------- start </p>");
                UserInfo qzoneUserInfo = new UserInfo(accessToken, openID);
                UserInfoBean userInfoBean = qzoneUserInfo.getUserInfo();
             //   out.println("<br/>");
                if (userInfoBean.getRet() == 0) {
                    Map<String,Object> map= new HashMap<>();
                    String name=userInfoBean.getNickname();
                    String gender=userInfoBean.getGender();
                    String imgurl=userInfoBean.getAvatar().getAvatarURL30();
                    map.put("openId",openID);
                    map.put("name",name);
                    map.put("gender",gender);
                    map.put("imgUrl",imgurl);
                    User user=new User(openID,name,gender,imgurl);
                    model.addAttribute("user",user);

//                    out.println(userInfoBean.getNickname() + "<br/>");
//                    out.println(userInfoBean.getGender() + "<br/>");
//                    out.println("黃鑽等級： " + userInfoBean.getLevel() + "<br/>");
//                    out.println("會員 : " + userInfoBean.isVip() + "<br/>");
//                    out.println("黃鑽會員： " + userInfoBean.isYellowYearVip() + "<br/>");
//                    out.println("<image src=" + userInfoBean.getAvatar().getAvatarURL30() + "/><br/>");
//                    out.println("<image src=" + userInfoBean.getAvatar().getAvatarURL50() + "/><br/>");
//                    out.println("<image src=" + userInfoBean.getAvatar().getAvatarURL100() + "/><br/>");
                } else {
  //                  out.println("很抱歉，我們沒能正确擷取到您的資訊，原因是： " + userInfoBean.getMsg());
                    System.out.println("很抱歉，我們沒能正确擷取到您的資訊，原因是： " + userInfoBean.getMsg());
                }

            }
        } catch (QQConnectException e) {
        }
          return "AfterLogin";
    }

}
           

6.4建立實體類 User

package com.study.learn.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {

    private String openId;
    private String name;
    private String gender;
    private String imgurl;


}
           

6.5前端編寫

建立登入首頁index.html

(圖檔素材）

<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<a th:href="@{/LoginByQQ}" target="_blank" rel="external nofollow" > <img th:src="@{/images/qq2.png}"></a>
</body>
</html>
           

 效果

建立登入點選登入授權成功的頁面AfterLogin.html

<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<div th:text="${user.openId}"></div>
<div th:text="${user.gender}"></div>
<div th:text="${user.imgurl}"></div>
<div th:text="${user.name}"></div>
</body>
</html>
           

最後加入qqconnectconfig.properties

app_ID = 1012394
app_KEY = 0bf9ea3558af4d82056472476d9d
redirect_URI = http://wanhhh.grouggp/studffy/login
scope = get_user_info,add_topic,add_one_blog,add_album,upload_pic,list_album,add_share,check_page_fans,add_t,add_pic_t,del_t,get_repost_list,get_info,get_other_info,get_fanslist,get_idollist,add_idol,del_ido,get_tenpay_addr
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
           

 最後就大功告成了！！！！！

要是網站應用還沒通過稽核會顯示以下情況

通過稽核後顯示如下