共计 10331 个字符,预计需要花费 26 分钟才能阅读完成。
简介
当初越来越多人关注接口平安,传统的接口在传输的过程中,容易被抓包而后更改外面的参数值达到某些目标。
传统的做法是用平安框架或者在代码外面做验证,然而有些零碎是不须要登录的,随时能够调。
这时候咱们能够通过对参数进行签名验证,如果参数与签名值不匹配,则申请不通过,间接返回错误信息。
我的项目代码地址:
github.com/MrXuan3168/…
测试
启动我的项目
GET 申请能够用浏览器间接拜访 http://localhost:8080/signTes…
A0161DC47118062053567CDD10FBACC6 是 username=admin&password=admin MD5 加密后的后果。能够关上 md5jiami.51240.com/ 而后输出 {“password”:”admin”,”username”:”admin”} 进行加密验证,json 字符串外面,必须保障字段是依照 ascll 码
进行排序的,username 的 ascll 码 比 password 的 ascll 码 大,所以要放在前面。
关上 postman 进行 POST 申请测试,申请 Url 为 http://localhost:8080/signTes… 参数为
{
"username":"admin",
"password":"admin"
}
调用过程
波及第三方技术
前端:js-md5(vue md5-npm 包)、axios(vue ajax 申请 npm 包)
装置命令
npm install js-md5
npm install axios
后端: fastjson、lombok
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.47</version>
<scope>compile</scope>
</dependency>
签名逻辑
前端(客户端):
1. 不论 GET Url 还是 POST Body 的参数,都转换成 json 对象,java 培训用 ascll 码排序 对参数排序。
2. 排序后对参数进行 MD5 加密,存入 sign 值。
3. 把 sign 值 放在 申请 URL 前面或者 Head 头 外面(该我的项目间接放在 URL 前面)。
后端(服务端):
1. 把参数接管,转成 json 对象,用 ascll 码 排序
2. 排序后对参数进行 MD5 加密,存入 paramsSign 值。
3. 和 申请 URL 中的 sign 值 做比照,雷同则申请通过。
前端代码
加密工具类
import md5 from ‘js-md5’
export default class signMd5Utils {
/**
* json 参数升序
* @param jsonObj 发送参数
*/
static sortAsc(jsonObj) {let arr = new Array();
let num = 0;
for (let i in jsonObj) {arr[num] = i;
num++;
}
let sortArr = arr.sort();
let sortObj = {};
for (let i in sortArr) {sortObj[sortArr[i]] = jsonObj[sortArr[i]];
}
return sortObj;
}
/**
* @param url 申请的 url, 应该蕴含申请参数(url 的? 前面的参数)
* @param requestParams 申请参数(POST 的 JSON 参数)
* @returns {string} 获取签名
*/
static getSign(url, requestParams) {let urlParams = this.parseQueryString(url);
let jsonObj = this.mergeObject(urlParams, requestParams);
let requestBody = this.sortAsc(jsonObj);
return md5(JSON.stringify(requestBody)).toUpperCase();}
/**
* @param url 申请的 url
* @returns {{}} 将 url 中申请参数组装成 json 对象(url 的? 前面的参数)
*/
static parseQueryString(url) {let urlReg = /^[^\?]+\?([\w\W]+)$/,
paramReg = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
urlArray = urlReg.exec(url),
result = {};
if (urlArray && urlArray[1]) {let paramString = urlArray[1], paramResult;
while ((paramResult = paramReg.exec(paramString)) != null) {result[paramResult[1]] = paramResult[2];
}
}
return result;
}
/**
* @returns {*} 将两个对象合并成一个
*/
static mergeObject(objectOne, objectTwo) {if (Object.keys(objectTwo).length > 0) {for (let key in objectTwo) {if (objectTwo.hasOwnProperty(key) === true) {objectOne[key] = objectTwo[key];
}
}
}
return objectOne;
}
static urlEncode(param, key, encode) {if (param == null) return '';
let paramStr = '';
let t = typeof (param);
if (t == 'string' || t == 'number' || t == 'boolean') {paramStr += '&' + key + '=' + ((encode == null || encode) ? encodeURIComponent(param) : param);
} else {for (let i in param) {let k = key == null ? i : key + (param instanceof Array ? '[' + i + ']' : '.' + i);
paramStr += this.urlEncode(param[i], k, encode);
}
}
return paramStr;
};
}
发送申请类
import axios from 'axios';
import signMd5Utils from "../utils/signMd5Utils"
// var config = require('../../config')
//config = process.env.NODE_ENV === 'development' ? config.dev : config.build
//let apiUrl = config.apiUrl;
//var qs = require('qs');
const instance = axios.create({
baseURL: 'http://localhost:8080/',
// timeout: 1000 * 30,
// 容许跨域带 token
xhrFields: {withCredentials: false},
crossDomain: true,
emulateJSON: true
});
export default instance
export function signTestPost(query) {
let url = 'signTest';
let sign = signMd5Utils.getSign(url, query);
let requestUrl = url + "?sign=" + sign; // 将签名增加在申请参数前面去申请接口
return instance({
url: requestUrl,
method: 'post',
data: query
})
}
export function signTestGet(query) {
let url = 'signTest';
let urlParams = signMd5Utils.urlEncode(query);
let sign = signMd5Utils.getSign(url, query);
let requestUrl = url + "?sign=" + sign + urlParams; // 将签名增加在申请参数前面去申请接口
return instance({
url: requestUrl,
method: 'get',
})
}
调用申请
let user = {
"username": "admin",
"password": "admin",
};
signTestPost(user).then(r => {console.log(r)
});
signTestGet(user).then(r => {console.log(r)
})
后端代码
过滤器(达到 Controller 前执行)
import com.alibaba.fastjson.JSONObject;
import com.show.sign.utils.HttpUtils;
import com.show.sign.utils.SignUtil;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Component;
import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.SortedMap;
/**
* 签名过滤器
* @author show
* @date 10:03 2019/5/30
* @Component 注册 Filter 组件
*/
@Slf4j
@Component
public class SignAuthFilter implements Filter {
static final String FAVICON = "/favicon.ico";
@Override
public void init(FilterConfig filterConfig) {log.info("初始化 SignAuthFilter");
}
@Override
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {HttpServletResponse response = (HttpServletResponse) res;
// 避免流读取一次后就没有了, 所以须要将流持续写出去
HttpServletRequest request = (HttpServletRequest) req;
HttpServletRequest requestWrapper = new BodyReaderHttpServletRequestWrapper(request);
// 获取图标不须要验证签名
if (FAVICON.equals(requestWrapper.getRequestURI())) {chain.doFilter(request, response);
} else {// 获取全副参数(包含 URL 和 body 上的)
SortedMap<String, String> allParams = HttpUtils.getAllParams(requestWrapper);
// 对参数进行签名验证
boolean isSigned = SignUtil.verifySign(allParams);
if (isSigned) {log.info("签名通过");
chain.doFilter(requestWrapper, response);
} else {log.info("参数校验出错");
// 校验失败返回前端
response.setCharacterEncoding("UTF-8");
response.setContentType("application/json; charset=utf-8");
PrintWriter out = response.getWriter();
JSONObject resParam = new JSONObject();
resParam.put("msg", "参数校验出错");
resParam.put("success", "false");
out.append(resParam.toJSONString());
}
}
}
@Override
public void destroy() {log.info("销毁 SignAuthFilter");
}
}
BodyReaderHttpServletRequestWrapper 类 次要作用是复制 HttpServletRequest 的输出流,不然你拿出 body 参数后验签后,到 Controller 时,接管参数会为 null
import javax.servlet.ReadListener;
import javax.servlet.ServletInputStream;
import javax.servlet.ServletRequest;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletRequestWrapper;
import java.io.*;
import java.nio.charset.Charset;
/**
* 保留过滤器外面的流
* @author show
* @date 10:03 2019/5/30
*/
public class BodyReaderHttpServletRequestWrapper extends HttpServletRequestWrapper {private final byte[] body;
public BodyReaderHttpServletRequestWrapper(HttpServletRequest request) {super(request);
String sessionStream = getBodyString(request);
body = sessionStream.getBytes(Charset.forName("UTF-8"));
}
/**
* 获取申请 Body
*
* @param request
* @return
*/
public String getBodyString(final ServletRequest request) {StringBuilder sb = new StringBuilder();
try (InputStream inputStream = cloneInputStream(request.getInputStream());
BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream, Charset.forName("UTF-8")))
) {
String line;
while ((line = reader.readLine()) != null) {sb.append(line);
}
} catch (IOException e) {e.printStackTrace();
}
return sb.toString();}
/**
* Description: 复制输出流 </br>
*
* @param inputStream
* @return</br>
*/
public InputStream cloneInputStream(ServletInputStream inputStream) {ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
byte[] buffer = new byte[1024];
int len;
try {while ((len = inputStream.read(buffer)) > -1) {byteArrayOutputStream.write(buffer, 0, len);
}
byteArrayOutputStream.flush();} catch (IOException e) {e.printStackTrace();
}
return new ByteArrayInputStream(byteArrayOutputStream.toByteArray());
}
@Override
public BufferedReader getReader() {return new BufferedReader(new InputStreamReader(getInputStream()));
}
@Override
public ServletInputStream getInputStream() {final ByteArrayInputStream bais = new ByteArrayInputStream(body);
return new ServletInputStream() {
@Override
public int read() {return bais.read();
}
@Override
public boolean isFinished() {return false;}
@Override
public boolean isReady() {return false;}
@Override
public void setReadListener(ReadListener readListener) {}};
}
}
签名工具类
import com.alibaba.fastjson.JSONObject;
import lombok.extern.slf4j.Slf4j;
import org.springframework.util.DigestUtils;
import org.springframework.util.StringUtils;
import java.util.SortedMap;
/**
* 签名工具类
* @author show
* @date 10:01 2019/5/30
*/
@Slf4j
public class SignUtil {
/**
* @param params 所有的申请参数都会在这里进行排序加密
* @return 验证签名后果
*/
public static boolean verifySign(SortedMap<String, String> params) {String urlSign = params.get("sign");
log.info("Url Sign : {}", urlSign);
if (params == null || StringUtils.isEmpty(urlSign)) {return false;}
// 把参数加密
String paramsSign = getParamsSign(params);
log.info("Param Sign : {}", paramsSign);
return !StringUtils.isEmpty(paramsSign) && urlSign.equals(paramsSign);
}
/**
* @param params 所有的申请参数都会在这里进行排序加密
* @return 失去签名
*/
public static String getParamsSign(SortedMap<String, String> params) {
// 要先去掉 Url 里的 Sign
params.remove("sign");
String paramsJsonStr = JSONObject.toJSONString(params);
return DigestUtils.md5DigestAsHex(paramsJsonStr.getBytes()).toUpperCase();}
}
http 工具类 获取 申请中 的数据
import com.alibaba.fastjson.JSONObject;
import org.springframework.http.HttpMethod;
import javax.servlet.http.HttpServletRequest;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import java.util.HashMap;
import java.util.Map;
import java.util.SortedMap;
import java.util.TreeMap;
/**
* http 工具类 获取申请中的参数
* @author show
* @date 14:23 2019/5/29
*/
public class HttpUtils {
/**
* 将 URL 的参数和 body 参数合并
* @author show
* @date 14:24 2019/5/29
* @param request
*/
public static SortedMap<String, String> getAllParams(HttpServletRequest request) throws IOException {SortedMap<String, String> result = new TreeMap<>();
// 获取 URL 上的参数
Map<String, String> urlParams = getUrlParams(request);
for (Map.Entry entry : urlParams.entrySet()) {result.put((String) entry.getKey(), (String) entry.getValue());
}
Map<String, String> allRequestParam = new HashMap<>(16);
// get 申请不须要拿 body 参数
if (!HttpMethod.GET.name().equals(request.getMethod())) {allRequestParam = getAllRequestParam(request);
}
// 将 URL 的参数和 body 参数进行合并
if (allRequestParam != null) {for (Map.Entry entry : allRequestParam.entrySet()) {result.put((String) entry.getKey(), (String) entry.getValue());
}
}
return result;
}
/**
* 获取 Body 参数
* @author show
* @date 15:04 2019/5/30
* @param request
*/
public static Map<String, String> getAllRequestParam(final HttpServletRequest request) throws IOException {BufferedReader reader = new BufferedReader(new InputStreamReader(request.getInputStream()));
String str = "";
StringBuilder wholeStr = new StringBuilder();
// 一行一行的读取 body 体外面的内容;while ((str = reader.readLine()) != null) {wholeStr.append(str);
}
// 转化成 json 对象
return JSONObject.parseObject(wholeStr.toString(), Map.class);
}
/**
* 将 URL 申请参数转换成 Map
* @author show
* @param request
*/
public static Map<String, String> getUrlParams(HttpServletRequest request) {
String param = "";
try {param = URLDecoder.decode(request.getQueryString(), "utf-8");
} catch (UnsupportedEncodingException e) {e.printStackTrace();
}
Map<String, String> result = new HashMap<>(16);
String[] params = param.split("&");
for (String s : params) {int index = s.indexOf("=");
result.put(s.substring(0, index), s.substring(index + 1));
}
return result;
}
}