AngularJs如何操作Cookies？!

今天来聊一聊COOKIE.  COOKIE可以说是一种客户端技术&＃xff0c;程序把用户的一些信息以COOKIE的形式写给用户各自的浏览器。说白了就是网站为了辨别用户身份而储存在用户电脑上的数据。 很多购物网站的购物车功能、论坛自动登录功能都是靠COOKIE实现。

对COOKIEs进行操作包括保存&＃xff0c;获取和删除。

Angular中为了用户方便和简洁的操作COOKIE&＃xff0c;提供了ngCOOKIEs模块。这个模块下面提供2种服务&＃xff0c;分别是&＃xff1a;

1. $COOKIEStore服务

2. $COOKIEs服务

先说说$COOKIEs&＃xff0c;

$COOKIEs类似jQuery.COOKIE.js&＃xff0c;提供了Angular操作COOKIE的方法&＃xff0c;普通情况下&＃xff0c;Javascript是不可以向COOKIE写入对象的&＃xff0c;但是Angular提供向COOKIE写入对象的方法。 $COOKIEs提供的有一下几种方法&＃xff1a;
get(key) 返回一个指定key的COOKIE值

getObject(key) 返回一个指定key的反序列化COOKIE值

getAll() 以key-value对象形式返回所有的COOKIE

put(key,value,[options]) 写入一个key-value的COOKIE

putObject(key,value,[options])序列化设置一个key-value的COOKIE

remove(key,[options]) 移除对应key的COOKIE

demo:比如用户登录&＃xff0c;记住密码的COOKIE有效期是7天。

  var COOKIEInfo&＃61; {};

  COOKIEInfo.username &＃61; $scope.username;

  COOKIEInfo.password &＃61; $scope.password;

  var expireDate &＃61; new Date();

  expireDate.setDate(expireDate.getDate() &＃43; 7);//设置COOKIE保存7天

  $COOKIEs.putObject("user", COOKIEDate, {&＃39;expires&＃39;: expireDate});

获取也很方便&＃xff1a;

$scope.ID &＃61; $COOKIEs.getObject("user").username;

$scope.sid &＃61; $COOKIEs.getObject("user").password;

简单的只有一个key-value的话用put()比较简单&＃xff0c;但是是过期时间是session&＃xff0c;关闭浏览器就没有了。

$COOKIEs.put(&＃39;myFavorite&＃39;, &＃39;oatmeal&＃39;);

再说说$COOKIEStore &＃xff0c;$COOKIEStore服务是基于后端的Session COOKIEs&＃xff0c;所以写入的时候不能使用options属性&＃xff0c;而且它的过期时间就是session。关闭浏览器了&＃xff0c;COOKIE就失效了。$COOKIEStore不可以通过设置default里面的expires来设置过期时间&＃xff0c;$COOKIEStore操作COOKIE都是基于Session过期的。

所以上面的例子你如果使用$COOKIEStore来实现记住用户名和密码的话&＃xff0c;关闭浏览器COOKIEs就失效了&＃xff0c;无法达到记住n天的这个功能。

$COOKIEStore.put("user", {

                username:aaa,

                password:123

               expires: new Date(new Date().getDate() &＃43; 5000)

            });

这样过期时间是无效的&＃xff01;&＃xff01;&＃xff01;&＃xff01;

总结&＃xff1a;

ngCOOKIEs模块提供的$COOKIEs服务&＃xff0c;为开发者操作读取和写入COOKIE提供了极大的便利性&＃xff0c;而且还支持写入和读取对象&＃xff0c;比较方便好用。当时在开发过程中&＃xff0c;我们还是不能过多向COOKIE中写入数据&＃xff0c;一是因为COOKIE的大小有限制&＃xff0c;另外一方面敏感的数据写入COOKIE&＃xff0c;安全方面有风险。密码都是需要和后台约定一种加密方式&＃xff0c;不能直接明文存储&＃xff0c;这样极不安全。使用 COOKIEs 需谨慎&＃xff0c;多注意路径(path)和域的坑就基本没什么问题了。

最后&＃xff1a;Angular官网已经提示&＃xff0c;$COOKIEStore已经过时&＃xff0c;推荐使用$COOKIEs服务。