spring Security4 和 oauth2整合註解+xml混合使用（進階篇）

阿新 • • 發佈：2018-11-27

Spring Security4 和 oauth2整合使用者密碼授權模式

上篇已經可以正常運行了，不過拿來測試還不夠，下面介紹如何測試oauth2的使用者密碼模式，授權碼模式下一篇說。
不想看這些亂七八糟的，可以直接把程式碼拉下來。
git地址：https://gitee.com/xiaoyaofeiyang/OauthUmp

spring Security4 和 oauth2整合註解+xml混合使用（基礎執行篇）
spring Security4 和 oauth2整合註解+xml混合使用（進階篇）
spring Security4 和 oauth2整合註解+xml混合使用（授權碼篇）

spring Security4 和 oauth2整合註解+xml混合使用（注意事項篇）
spring Security4 和 oauth2整合註解+xml混合使用（替換6位的授權碼）
spring Security4 和 oauth2整合註解+xml混合使用（替換使用者名稱密碼認證）
spring Security4 和 oauth2整合註解+xml混合使用（驗證碼等額外資料驗證）

測試API

新建個api，被oauth2保護

package com.ump.test.web;

import java.util.Date;
import java.util.Map 
;
import java.util.UUID;

import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation 
.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import com.ump.test.entity.WelEntity;
import com.ump.util.DateUtil;

@RestController("testApiController")
@RequestMapping("/api")
public class TestApiController {


    @RequestMapping("/test")
    public WelEntity test(@RequestParam String reqType){
        String uuid = UUID.randomUUID().toString();
        String welMsg = "welcome 程式猿";
        if(reqType != null && "1000".equals(reqType)){
            welMsg = "welcome 程式媛";
        }
        String dateTime = DateUtil.format(new Date(), DateUtil.SimpleDatePattern);
        WelEntity welEntity = new WelEntity();
        welEntity.setUuid(uuid);
        welEntity.setDateTime(dateTime);
        welEntity.setWelMsg(welMsg);
        return welEntity;
    }

    @RequestMapping("/map")
    public WelEntity testMap(@RequestParam Map map){
        String uuid = UUID.randomUUID().toString();
        System.out.println("map:"+map.values());
        String reqMsg = (String) map.get("reqMsg");
        String welMsg = "welcome 程式猿" + "----" + reqMsg;
        String reqType = (String) map.get("reqType");
        if(reqType != null && "1000".equals(reqType)){
            welMsg = "welcome 程式媛";
        }
        String dateTime = DateUtil.format(new Date(), DateUtil.SimpleDatePattern);
        WelEntity welEntity = new WelEntity();
        welEntity.setUuid(uuid);
        welEntity.setDateTime(dateTime);
        welEntity.setWelMsg(welMsg);
        return welEntity;
    }

    @RequestMapping("/ret")
    public String testRet(){
        String ret = "this is api";
        return ret;
    }
}

寫一個測試頁面

分別測試使用者密碼模式和授權碼模式
jquery-3.2.1.min.js、jquery.cookie.js、base64.js搜一下就能搜到，這裡就不提供了。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<title>SkyNet</title>
</head>
<script type="text/javascript">

    function ajaxTest() {
        var type = "1001";
        $.ajax({
            type : "post",
            url : "test/welCome",
            dataType : "json",
            data : {reqType : type} ,
            success : function(data) {
                $("#div1").html(data.uuid + "<br>" + 
                        data.welMsg + "<br>"+
                        data.dateTime);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }

    function ajaxTest1() {
        var type = "1001";
        var reqMsg = "<h2>ak測試</h2><br>禁止訪問";
        var ak = $.cookie('ak') ;

        $.ajax({
            type : "post",
            url : "api/map?access_token="+ak,
            dataType : "json",
            data : {"reqType" : type, "reqMsg" : reqMsg} ,
            success : function(data) {
                $("#div1").html(data.uuid + "<br>" + 
                        data.welMsg + "<br>"+
                        data.dateTime);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }
    function ajaxTest2() {
        $.cookie('ak', "");
        $.cookie('code',"");
    }

    function ajaxTest3() {
        var clientId = "my-trusted-client";
        var redirectUrl = "http://127.0.0.1:9080/index.html";
        var para = prompt("clientId#redirectUrl","MwonYjDKBuPtLLlK#http://127.0.0.1:9080/index.html");
        var paraMap = para.split("#"); 
        clientId = paraMap[0];
        redirectUrl = paraMap[1];
        console.log("引數：" + clientId + "---" + redirectUrl);

        window.location.href = "oauth/authorize?client_id="
                +clientId+"&response_type=code&scope=read&redirect_uri="
                +redirectUrl;
    }

    function ajaxTest4() {
        var para = prompt("clientId#redirectUrl","MwonYjDKBuPtLLlK#http://127.0.0.1:9080/index.html");
        var paraMap = para.split("#"); 
        clientId = paraMap[0];
        redirectUrl = paraMap[1];
        var code = $.cookie('code');
//      var clientId = "my-trusted-client";
//      var redirectUrl = "http://127.0.0.1:9080/index.html";
        var client_secret="secret";
        var grant_type="authorization_code";
        //var su="TXdvbllqREtCdVB0TExsSzpzZWNyZXQ=";
        var b = new Base64();  
        var su = b.encode(clientId+":"+client_secret); 
        console.log(su);
        $.ajax({
            type : "post",
            url : "oauth/token",
            dataType : "json",
            data : {"client_id" : clientId, "client_secret" : client_secret,"grant_type" : grant_type, "redirect_uri" : redirectUrl,"code":code} ,
//          beforeSend:function(xhr){
//              xhr.setRequestHeader('Authorization', "Basic "+ su);
//          },
            success : function(data) {
                $("#div4").html(data.access_token + "<br>" + 
                        data.refresh_token + "<br>"+
                        data.expires_in);
                $.cookie('ak', data.access_token);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }

    function ajaxTest5() {
        $.ajax({
            type : "post",
            url : "/logout",
            dataType : "text",
            success : function(data) {
                $("#div2").html("已登出");
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }
</script>
<body>
    Hello World
    <div id="div1"></div>
    <div id="div2"></div>
    <button type="button" onclick="ajaxTest()">Welcome</button>  <button type="button" onclick="ajaxTest5()">登出去</button>   <br><br>
    <button type="button" onclick="ajaxTest1()">沒授權測試</button>  <button type="button" onclick="ajaxTest2()">清除ak</button><br><br>
    <button type="button" onclick="window.location.href='auth.jsp?clientId=bXktdHJ1c3RlZC1jbGllbnQ6c2VjcmV0'">使用者名稱密碼模式</button><br><br>
    <button type="button" onclick="ajaxTest3()">授權碼模式</button>
    <button type="button" onclick="ajaxTest4()">拿token</button>
    <br>
    <div id="div3"></div>
    <div id="div4"></div>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#div1").html("呵呵");
            var searchStr = location.search.substr(1);  
            if(searchStr){
                var searchs = searchStr.split("&"); 
                $("#div2").html("頁面請求引數：" + searchs[0] + "和"+searchs[1] );
                $.cookie('ak', searchs[0]);
                $.cookie('rk', searchs[1]);
                var code = searchs[0].split("="); 
                if(code.length == 2){
                    $("#div3").html("<h3>大爺終於拿到授權碼了：" + code[1] +"</h3>");
                    $.cookie('code', code[1]);
                    $.cookie('ak', "");
                    $.cookie('rk', "");
                }
            }

        });
    </script>
</body>
</html>

auth.jsp

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" pageEncoding="UTF-8"%> 
<head>
<%
    String baseUrl = request.getContextPath();
    String clientId = request.getParameter("clientId");
    System.out.println("clientId:"+clientId );
    String userName = request.getParameter("userName");
    String userPwd = request.getParameter("userPwd");
    if(userName == null || "".equals(userName) 
        ||userPwd == null || "".equals(userPwd) ){
        response.sendRedirect("/login.jsp?clientId="+clientId);
    }
    System.out.println(userName + "+++" +userPwd );
%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="<%=baseUrl%>/js/jquery-3.2.1.min.js"></script>
<title>SkyNet</title>
</head>
<script type="text/javascript">
    function ajaxTest() {
        var clientId = "<%=clientId%>";
        var userName = "<%=userName%>";
        var userPwd = "<%=userPwd%>";
        $.ajax({
            type : "post",
            url : "<%=baseUrl%>/oauth/token",
            dataType : "json",
            data : {grant_type : "password",username : userName,password : userPwd} ,
            beforeSend:function(xhr){
                xhr.setRequestHeader('Authorization', "Basic "+ clientId);
            },
            success : function(data) {
                window.location.replace("/index.html?"+data.access_token+"&"+data.refresh_token);
                $("#div1").html(data.access_token + "<br>" + 
                        data.refresh_token + "<br>"+
                        data.expires_in);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }
    function ajaxTest1() {
        var type = "1";
        $.ajax({
            type : "post",
            url : "<%=baseUrl%>/test/welCome",
            dataType : "json",
            data : {reqType : type} ,
            success : function(data) {
                $("#div1").html(data.uuid + "<br>" + 
                        data.welMsg + "<br>"+
                        data.dateTime);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }
</script>
<body>
    這裡是htm1 
    <div id="div1"></div>
    <button type="button" onclick="ajaxTest1()">Welcome</button>
    <button type="button" onclick="ajaxTest()">授權</button>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#div1").html("呵呵");
        });
    </script>
</body>
</html>

login.jsp

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" pageEncoding="UTF-8"%> 
<head>
<%
    String baseUrl = request.getContextPath();
    String clientId = request.getParameter("clientId");
    String clientPwd = request.getParameter("clientPwd");
    System.out.println(clientId + "+++" +clientPwd );
%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="<%=baseUrl%>/js/jquery-3.2.1.min.js"></script>
<title>SkyNet</title>
</head>
<script type="text/javascript">
    function ajaxTest() {
        var type = "1";
        $.ajax({
            type : "post",
            url : "<%=baseUrl%>/test/welCome",
            dataType : "json",
            data : {reqType : type} ,
            success : function(data) {
                $("#div1").html(data.uuid + "<br>" + 
                        data.welMsg + "<br>"+
                        data.dateTime);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }
</script>
<body>
    這裡是htm1 
    <div id="div1"></div>
    <button type="button" onclick="ajaxTest()">Welcome</button>
    <form action="<%=baseUrl%>/page/login" method="post">
<input type="hidden" name="clientId" value="<%=clientId%>">
First name:<br>
<input type="text" name="userName">
<br>
Last name:<br>
<input type="text" name="userPwd">
<input type="submit" value="Submit" />
</form>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#div1").html("呵呵");
        });
    </script>
</body>
</html>

page/login的controller

package com.ump.test.web;

import java.util.Date;
import java.util.Map;
import java.util.UUID;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import com.ump.test.entity.WelEntity;
import com.ump.util.DateUtil;

@Controller
@RequestMapping("/page")
public class TestRedirectController {

    @RequestMapping("/test")
    public String welCome(@RequestParam String reqType){
        System.out.println(reqType);
        return "/index"+reqType+".html";
    }

    @RequestMapping("/test1")
    public String welCome1(@RequestParam String reqType){
        System.out.println(reqType);
        return "/index"+reqType+".jsp";
    }

    @RequestMapping("/login")
    public String login(@RequestParam Map map){
        System.out.println(map.values());
        return "/auth.jsp?clientId="+map.get("clientId")+"&&clientPwd"
                +map.get("clientPwd")+"&&userName="+map.get("userName")
                +"&&userPwd="+map.get("userPwd");
    }
}

這樣基本上差不多了，後面說授權碼模式了，這個使用者名稱密碼模式很沒意思。

spring Security4 和 oauth2整合註解+xml混合使用（驗證碼等額外資料驗證）

spring Security4 和 oauth2整合（驗證碼等額外資料驗證）上一篇寫的自定義使用者名稱密碼驗證，這裡寫驗證碼的驗證，或者其他資訊的驗證。 git地址：https://gitee.com/xiaoyaofeiyang/OauthUmp spring Securi

spring Security4 和 oauth2整合註解+xml混合使用（替換使用者名稱密碼認證）

spring Security4 和 oauth2整合（替換使用者名稱密碼認證）之前已經寫了註解和xml配合搭建基本認證、頁面認證、授權碼認證、替換6位授權碼方法等，這次在前面的基礎上介紹如何替換使用者名稱密碼認證，下一篇介紹如何增加驗證碼等額外引數驗證方法。程式碼比較多，這次只

spring Security4 和 oauth2整合註解+xml混合使用（替換6位的授權碼）

spring Security4 和 oauth2整合替換6位的授權碼 git地址：https://gitee.com/xiaoyaofeiyang/OauthUmp spring Security4 和 oauth2整合註解+xml混合使用（基礎執行篇） spring Secu

spring Security4 和 oauth2整合註解+xml混合使用（注意事項篇）

Spring Security4 和 oauth2整合注意事項 git地址：https://gitee.com/xiaoyaofeiyang/OauthUmp spring Security4 和 oauth2整合註解+xml混合使用（基礎執行篇） spring Security

spring Security4 和 oauth2整合註解+xml混合使用（授權碼篇）

Spring Security4 和 oauth2整合授權碼模式上兩篇介紹了環境配置和使用者密碼模式，下面介紹授權碼模式。 git地址：https://gitee.com/xiaoyaofeiyang/OauthUmp spring Security4 和 oauth2整合註

spring Security4 和 oauth2整合註解+xml混合使用（進階篇）

Spring Security4 和 oauth2整合使用者密碼授權模式上篇已經可以正常運行了，不過拿來測試還不夠，下面介紹如何測試oauth2的使用者密碼模式，授權碼模式下一篇說。不想看這些亂七八糟的，可以直接把程式碼拉下來。 git地址：https://gitee.com/x

spring Security4 和 oauth2整合註解+xml混合使用（基礎執行篇）

Spring Security4 和 oauth2整合最近專案中需要用到oauth2，到網上找了好多資料，全是亂七八糟的，東拼西湊，終於跑出來了一版，xml的方式太亂了，跑不了，還是用註解方式，並把一些關鍵配置提到xml中。 git地址：https://gitee.com/xiao

有符號數和無符號數------c++程序設計原理與實踐（進階篇）

效果進階 str 二進制位 bsp () 都是有符號重新有符號數與無符號數的程序設計原則：當需要表示數值時，使用有符號數（如 int）。當需要表示位集合時，使用無符號數（如unsigned int）。有符號數和無符號數混合運算有可能會帶來災難性的後果。例如

Spring boot實戰專案整合阿里雲RocketMQ （非開源版）訊息佇列實現傳送普通訊息，延時訊息 --附程式碼

一.為什麼選擇RocketMQ訊息佇列？首先RocketMQ是阿里巴巴自研出來的，也已開源。其效能和穩定性從雙11就能看出來，借用阿里的一句官方介紹：歷年雙 11 購物狂歡節零點千萬級 TPS、萬億級資料洪峰，創造了全球最大的業務訊息併發以及流轉紀錄（日誌類訊息除外）；在始終保證高效能前提下

成員函式和友元函式完成二元和一元運算子過載（進階1）

二元運算子過載：全域性函式： #include <iostream> using namespace std; class Complex{//複數類 private: int

使用Spring Security和OAuth2實現RESTful服務安全認證

schema repo gradle nbsp tps protect 一個 ndb lac 這篇教程是展示如何設置一個OAuth2服務來保護REST資源. 源代碼下載github. (https://github.com/iainporter/oauth2-provide

Spring Mvc和SpringBoot整合Swagger2

各位同學大家好，最近專案趕進度，沒有鑽研技術的時間，但碰巧今天需要在Spring專案上進行SpringMvc和Swagger的整合，而第一次使用Swagger是在SpringBoot專案上，因此踩了不少的坑，於是想和大家分享一下：關於Swagger在SpringBoot或者和SpringMvc的整

Spring Boot和Dubbo整合

程式碼demo http://git.oschina.net/zhangxh20/spring-boot-dubbo 專案共分成4個模組 dubbo-api dubbo-dao dubbo-service dubbo-web dubbo-

Spring Boot學習筆記（Spring Boot 和 activeMQ整合）

Spring Boot學習筆記使用步驟： Spring Boot:並不是不對 Spring 功能上的增強，而是提供了一種快速使用 Spring 的方式。使用步驟： 1、起步依賴：pom.xml中配置起步依賴，會自動匯入spring相關的許多jar包 <

輕輕鬆鬆學習SpringBoot2：第二十五篇： Spring Boot和Mongodb整合（完整版）

今天主要講的是Spring Boot和Mongodb整合我們先來回顧一下前面章節的相關內容前面我們講了SpringBoot和mysql整合，並且講了操作資料庫的幾種方式自動生成表資料庫操作操作篇回到正題，mongodb的安裝在這就不累述了，win版本的去官網下載，然後一直下一

Spring系列之Spring框架和SpringAOP整合過程分析(十二)

轉載請註明出處：https://blog.csdn.net/zknxx/article/details/80808447 在這篇文章中我們接著上一篇的文章說。在上一篇文章中我們提到了getAdvicesAndAdvisorsForBean這個方法，這個方法的內

Spring系列之Spring框架和SpringAOP整合過程分析(十)

轉載請註明出處：https://blog.csdn.net/zknxx/article/details/80724180 在開始這個系列之前大家先想一下我們是怎麼在專案中使用SpringAOP的(這裡的分析都是基於AspectJ註解的)。我們需要在我們的Spr

spring boot和mybatis整合

maven的依賴配置  <parent> <groupId>org.springframework.boot</groupId> <artifactId>

spring junit4和junit5整合測試，3步走

1、導包spring-test-5.0.7.RELEASE.jar 2、使用註解改變執行main函式 3、指定spring的配置檔案 junit4示範程式碼 //改變junit的執行Runner

spring-orm 和Hibernate整合

<bean id="entityManagerFactory" class="org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean"> <property name="dataSource" re

spring Security4 和 oauth2整合 註解+xml混合使用（進階篇）

Spring Security4 和 oauth2整合使用者密碼授權模式

測試API

寫一個測試頁面

auth.jsp

login.jsp

page/login的controller

相關推薦

spring Security4 和 oauth2整合註解+xml混合使用（進階篇）