第三方登入功能的實現

阿新 • • 發佈：2019-01-06

剛開始做的時候感覺高大上
為什麼要使用第三方登入:

一般稍微作為一個大點的專案，為了提高使用者的群體都會做第三方登入(如：QQ，微信，新浪等)

在往下看之前先註冊第三方網站的開發者賬號，建立應用完成稽核。

要實現第三方登入的功能首先要明白oauth2.0的認證原理，由於第三方登入的認證授權流程大致都是一樣的，在這裡我只講QQ的登入授權流程：

其授權驗證流程示意圖如下:
這裡寫圖片描述

client先訪問：PC網站：https://graph.qq.com/oauth2.0/authorize？
引數有： response_type=code 固定
client_id 申請應用時分配的id
redirect_uri 回撥的url 你自己網站的一個地址
通過第一步會返回 code碼（注意：此code會在10分鐘內過期）
通過Authorization Code獲取Access Token（通過地址：https://graph.qq.com/oauth2.0/token？）
此時引數有：
grant_type
client_id
client_secret：申請QQ登入成功後，分配給網站的appkey。
code：上一步返回的authorization code。
redirect_uri
此刻你已經拿到了Access Token ，然後就是獲取使用者OpenID_OAuth2.0

https://graph.qq.com/oauth2.0/me？access_token=獲取到的Access Token
根據第4步你會拿到(openid)： callback( {“client_id”:”YOUR_APPID”,”openid”:”YOUR_OPENID”} );

返回結果：

{
“ret”:0,
“msg”:”“,
“nickname”:”YOUR_NICK_NAME”,
…
}
下面直接看程式碼（控制層）：

/**
 * 
 * 首頁
 * 
 * @author Administrator
 *
 */
@Controller
@RequestMapping 
("/qqLogin")
public class HomePageController {

    @RequestMapping("/login")
    public String login(HttpServletRequest request, HttpServletResponse response, HttpSession session)
            throws IOException {
        try {
            AccessToken accessTokenObj = (new Oauth())
                    .getAccessTokenByRequest(request);
            String accessToken = null, openID = null;
            if (accessTokenObj.getAccessToken().equals("")) {
                System.out.print("沒有獲取到響應引數");
                return "error";
            } else {
                accessToken = accessTokenObj.getAccessToken();
                session.setAttribute("accessToken",
                        accessToken);
                // 利用獲取到的accessToken 去獲取當前用的openid 
                OpenID openIDObj = new OpenID(accessToken);
                openID = openIDObj.getUserOpenID();
                session.setAttribute("openID", openID);
                return "success";
            }
        } catch (QQConnectException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return "error";
        }
    }

    @RequestMapping("/homePage")
    public String homePage(Model model) {

        return "index";
    }

    @RequestMapping("/inQQ")
    public void inQQ(Model model, HttpServletResponse response,
            HttpServletRequest request) {
        try {
            response.sendRedirect(new Oauth().getAuthorizeURL(request));
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (QQConnectException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}

檢視層：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%-- <%@include file="/inc/taglib.jsp"%> --%>
<body>
<h2>Hello World!ss</h2>

    <a href="${pageContext.request.contextPath} /qqLogin/inQQ">請使用你的QQ賬號登陸</a>

</body>

記得別忘了導包
解開來見證奇蹟的時刻到了：
這裡寫圖片描述

至此結束！！！！！！！！

有需要原始碼的留下qq郵箱

laravel5實現微信第三方登入功能

背景最近手頭一個專案需要實現使用者在網站的第三方登入(微信和微博)，後端框架laravel5.4。實現過程以微信網頁版第三方登入，其他於此類似，在此不做重複。準備工作網站應用微信登入是基於OAuth2.0協議標準構建的微信OAuth2.0授權登入系統。在進行微信OAuth2

第三方登入功能的實現

剛開始做的時候感覺高大上為什麼要使用第三方登入: 一般稍微作為一個大點的專案，為了提高使用者的群體都會做第三方登入(如：QQ，微信，新浪等) 在往下看之前先註冊第三方網站的開發者賬號，建立應用完成稽核。要實現第三方登入的功能首先要明白oauth

S2SH簡單例項註解版——登入功能實現

第一步：Spring4 整合 Hibernate4 Spring4 接管 Hibernate4 所有 Bean 例項，以及 SessionFactory，事務管理器；泛型注入； Entity package com.java1234.entity; import j

ionic學習（七）：問答社群03：登入功能實現總結篇

登入功能整整搞了一天，期間各種錯誤不斷，剛接觸ionic，對Angular也不太熟悉，沒正規的學過html,css，js等前端知識。整理一下流程： 1.製作登入頁面 2.構造登入等待遮罩層和登入錯誤遮罩層 3.通過storge儲存登入的資訊 4.通過判斷是否登入，並顯示相應頁面備

網站接入第三方登入功能：Java開發QQ登入

我的個人部落格：http://www.zjhuiwan.cn QQ登入確實比自己註冊賬戶登入要方便的多，所以就搞了個QQ登入。QQ互聯開放平臺為第三方網站提供了豐富的API。第三方網站接入QQ互聯開放平臺後，即可通過呼叫平臺提供的API實現使用者使用QQ帳號登入網站功能，且

Maven web 專案簡單的登入功能實現

用IDEA構建一個空的Maven web專案下一步直到建立完畢搭建環境 pom.xm 檔案新增依賴 pom.xml 檔案如下： <?xml version="1.0" encoding="UTF-8"?> <project xmlns=

React Native 整合分享第三方登入功能分享第三方登入模組開發(iOS)

期待已久的新課上線啦！解鎖React Native開發新姿勢，一網打盡React Native最新與最熱技術，點我Get!!! 在我們常用的App中經常會看到分享與第三方登入的功能，可以說分享與第三方登入已經成為了各大APP的必備功能。對於產品執行與推廣來說，分享與第三

React Native 整合分享第三方登入功能分享第三方登入模組開發(Android)

uni-app 第一講登入功能實現

最近看了一下HBuilderX(一款支援HTML5的Web開發IDE),簡單來說就是支援一套程式碼可以跑android、ios和微信小程式的編寫工具。看了一下他官網的案例，整體來說還算不錯。就是官方文件比較簡陋。很多坑需要自己一步一步填。網上唯一一個視訊教程還是在騰訊課堂（8

登入功能實現程式碼

簡單的登入程式碼實現第一步，頁面提交登入請求 //form表單提交請求 <form id="loginFrom"> <div>

網站記住賬號和自動登入功能實現

剛開始做這個功能的時候一頭霧水，本來打算直接用cookie實現，但發現在控制檯用document.cookie，就會完全暴露出使用者名稱和密碼，於是在網上找了各種辦法，但沒有找到一個很好的解決方案，最後想到在服務端設定cookie，並且經過加密來實現。因為公司後端是php，所

單點登入和第三方登入的實現原理

單點登入：我們的單點登入系統，主要包含了登入驗證，token校驗、登出、註冊幾大功能，單點登入系統提供了統一的登入和註冊頁面，提供了統一的登入token校驗介面。單點登入的主要原理就是在登入成功以後，生成一個令牌，這個領跑要求每次登入唯一不可重複，我們就簡單的

Spring框架下的管理員登入功能實現

首頁管理員登陸介面如下：在view——login——Form.js下，寫出登陸頁UI Ext.define('yucen.view.login.Form' ,{ extend: 'Ext.form.Panel',layout:"vbox",url:ctx+'/j_sec

Android Studio 登入功能實現

LoginActivity.java 包 com.hyx.example.mymap; import java.text.SimpleDateFormat; import java.util.Date; import android.app.Activity; imp

利用MYSQL的函式實現使用者登入功能，進出都是JSON(第二版)

利用MYSQL的函式實現使用者登入功能，進出都是JSON(第二版) CREATE DEFINER=`root`@`%` FUNCTION `uc_session_login`( `reqjson` JSON, `srvjson` JSON ) RETURNS json LANGUAGE

struts2實現登入功能

工程結構 web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www

Android 快速實現掃描識別二維碼（即掃碼登入功能）

IG牛逼l 零封G2！給RNG報仇了！掃碼登入現在很流行，淘寶，京東，熊貓直播各大網站都有掃碼登入功能，其實呢對於客戶端來說掃碼登入很簡單，因為難點都集中在了前端身上，我簡單講下掃碼登入的流程： 1 客戶端掃碼然後開啟掃碼確認頁面（H5頁面，這個時候要把使用者的

【SSH網上商城專案實戰18】過濾器實現購物登入功能的判斷

轉自：https://blog.csdn.net/eson_15/article/details/51425010 上一節我們做完了購物車的基本操作，但是有個問題是：當用戶點選結算

Java實現Google第三方登入

其實所有的第三方登入都是基於OAuth協議的，大多數平臺都支援OAuth2.0，只有Twitter的是基於OAuth1.0來做的。所以只要弄明白一個，其他的什麼qq、微信、微博的第三方登入也都一樣。上一篇寫的Faceboo

Java實現Facebook第三方登入

第一次接觸Facebook第三方登入，可能有些地方做的並不全面，只是嘗試著做了一個小demo，因為國內接入Facebook的專案並不多，並且多數都是Android或IOS的實現，所以資料也特別少，在此做個小總結。第三方登入主要就是OAuth2.0協議，瞭解OAuth2.0是必要的！開

第三方登入功能的實現

相關推薦