cookies 一级域名存储笔记

关于h5和微信小程序登陆状态管理

微信小程序登陆状态管理:

在这次开发中因为需要和小程序做一次小小的通讯,所以对小程序的登陆状态管理有了一些简单的了解:

  1、在小程序中获取微信用户的登录凭证(code)
  
  小程序的登录直接使用官方api接口wx.login(),从微信的官方服务器换取接口凭证code。
  然后在小程序的app.js和后台进行交互,将code发给自己的后台服务器进行登录换取token
  
  2、获取用户的openid和session_key
  
  通过小程序请求的code,我们后台再次请求微信的服务器获取微信用户的信息,也就是openid和session_key。
  这里微信有一个规定,参数值只能拼接在后面,不能通过HttpClient的map参数放上去,需要注意一下。
  通过这个接口的调用,可以拿到用户openid,和session_key,现在当前登录的账户就在微信的服务器中产生了登录态
  具体验证登陆成功和失败可以看相关文档
  
  3、小程序中会借助缓存来实现用户登陆之后状态的一个存储
       在用户第一次登陆成功之后,会返回用户相应的token,并放入storage缓存中,每次发送请求都在请求接口的的header去取相应的token,
       向第三方也就是自己的后台服务器认证通过
复制代码
h5中通常会借助cookies,然后携带到后端接口中来验证用户登陆行为

那么在这样的一个场景下:从微信小程序中验证完用户登陆,跳转至h5,同时也需要验证用户登陆行为应该怎么处理?

 1:通过cookies
 如果不通过特殊处理,会出现微信小程序授权登陆成功,跳到h5发现验证登陆未通过
 原因:小程序是没有cookie的,通过缓存机制保存用户登陆态,所以到h5页面是没有相应有登陆态标识的cookie携带到后端接口
 解决办法:
目前想到的解决办法是在小程序中验证通过后抛出登陆标识带到h5中,由h5存储cookies,然后请求时携带过去,用来通过验证


2.具体方法设置:
 cookie存入一级域名下来解决这个问题:
 document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString() + ';path=/;domain=.aaa.com' 
 如果不设置存储域的话默认是存在当前域下:比如q.aaa.com,如果前后端分离,后端在m.aaa.com下这个cookies是携带不过去的,
 那么解决办法就是设置这个登陆标识cookies的 domian在.aaa.com就可以解决啦
复制代码

转载于:https://juejin.im/post/5cb990cf518825324f68d092

<think>嗯,用户的问题是关于如何使用js-cookie库设置顶级域名参数的。首先,我需要回顾一下cookie的domain属性相关知识。根据引用[1],默认情况下,添加cookie时,domain会被设置为当前域名,path则是当前页面的路径。而引用[2]提到,如果要实现跨子域共享,需要将domain设置为“.example.com”,这样所有子域都可以访问这个cookie。 用户提到的是顶级域名,也就是主域名,比如example.com。正确的做法应该是设置domain为“.example.com”,这样所有子域如sub.example.com都能访问这个cookie。但要注意,根据引用[4],国家顶级域名下的二级域名可能有不同的划分,但这里用户可能指的是通用顶级域名下的主域名。 接下来,用户想用js-cookie库来实现。这个库的语法是Cookies.set(name, value, options)。所以设置domain时,应该传递{ domain: '.example.com' }作为选项。需要注意的是,如果当前页面是在子域下,比如sub.example.com,设置顶级域名cookie是可行的,但在完全不同的域名下则不行,因为浏览器安全策略不允许。 另外,引用[3]指出,使用cookie存储token时,它只是一个存储机制,而不是认证机制。但这里用户的问题是关于设置domain,所以可能涉及跨子域共享登录状态等情况。 总结步骤应该是:引入库,使用Cookies.set方法,并指定domain选项为顶级域名。同时提醒用户注意路径和浏览器的安全限制,比如无法在不同顶级域名之间共享cookie,以及Secure和SameSite属性的设置可能影响cookie的发送。</think>### 如何在JavaScript中通过js-cookie库设置一级域名参数? #### 1. 核心原理 Cookie的`Domain`属性控制其作用范围。若需在**所有子域名**共享Cookie,需显式设置`domain`参数为顶级域名(如`.example.com`),此时Cookie可在`a.example.com`、`b.example.com`等子域名下访问[^2]。 #### 2. 实现步骤 ```javascript // 引入js-cookie库 import Cookies from 'js-cookie'; // 设置跨子域共享的Cookie Cookies.set('token', 'abc123', { domain: '.example.com', // 关键参数:以点开头的顶级域名 path: '/', // 作用路径设为根目录 expires: 7 // 过期时间(天) }); ``` #### 3. 注意事项 - **域名层级限制**:只能在**当前域或其父级域**设置Cookie。例如在`sub.example.com`可设置`.example.com`的Cookie,但无法设置`.google.com`的Cookie - **路径参数**:默认路径为当前页面路径,建议显式设置为`/`以实现全站共享[^1] - **安全属性**:生产环境建议添加`secure: true`(仅HTTPS)和`sameSite: 'Lax'`(防CSRF)[^3] #### 4. 验证方法 在浏览器开发者工具 > Application > Cookies中检查: - Domain列应显示`.example.com` - Path列应显示`/`
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值