从前端角度看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

https://www.v2ex.com/t/109392

 

posted @ 2018-05-16 22:42  leaf+  阅读(2817)  评论(0编辑  收藏  举报