从前端角度看ajax如何保护接口的安全性
一、前言
在web中,使用Ajax调用API,撇开跨域不讲,怎么做安全验证,防止别的网站调用呢?假设没有做安全保障,任何用户都可以直接访问接口,这回暴露出极大的安全隐患。
二、后端怎么做?
1、一些接口强制用户必须登录,通过查看sessionId来做判别,没登录则不返回数据或者返回401或者403;
2、cookie校验+session;
3、通过判断refer,限制只允许某些域名下访问;
4、直接限制ip,简单粗暴;
5、签名加密参数,不过会增加服务器负载
以上我理解的可能过于片面,真正的后端已经要进行更多的校验;
三、前端可以怎么做?
主要是考虑身份认证
1、请求头添加token
$.ajax({ type: "GET", url: "XXXXX", beforeSend: function(request) { request.setRequestHeader("token", "*********"); }, success: function(result) { } });
2、token怎么来?
请求指纹
: 一个请求有很多指纹信息,比如说请求的url和url中的信息,('/books'),请求的ip,请求的UA,请求的标头信息,等等。请求指纹来计算token的话,可以保证无状态特性。
依赖ip
: 对请求的客户端 ip 值进行 hash 来作为 token;这样是没有状态的。
依赖session
: 这种方法很适用于web网站,就是当用户登录后,对用户的请求根据用户的信息生成 token 存放到 session 中。
下面是看网上的别人设计的,其实看具体设计了。
token = md5(IP + 随机数 + 时间戳 + UID + 秘钥);//这个秘钥最好随着版本更换
--------------------------------------以后想到再慢慢加了----------------------------------------
参考:
http://blog.jobbole.com/99816/
https://segmentfault.com/q/1010000002500378/a-1020000002502912
https://segmentfault.com/q/1010000006185859