Skip to content

登陆方案

  • Cookie + Session 登录
  • Token 登录
  • SSO 单点登录
  • OAuth 第三方登录

https://juejin.cn/post/6933115003327217671

用户在输入密码进行登陆后,如何安全的保持登录状态,且这个登陆状态会在一定时间后失效

cookie token jwt

用户在登陆后,后端进行密码校验之后,一般会返回一串加密后的字符串用来表明用户已经登录成功

cookie和session

只用cookie不行吗

cookie的基本概念不做赘述,因为其可以被服务端设置而且每次会自动携带,看起来很方便,但[CSRF](个人博客 (xueyunfeng.top))会教你做人,一旦遭受CSRF攻击,你的用户登录信息就是拱手让人了。因此不能然服务端去校验cookie中的登录信息,很不安全。

一般来说更倾向于,手动添加一个头部header:

Authorization: Bearer jwt令牌

token信息要保证经过加密,jwt就是一个安全可靠的用来生成token和解析token的工具,服务端安装相应的包就可以方便的使用。

为什么不用session

session是维护在服务端的,按理来说用户登陆后将相应的登录信息保存,有请求的时候进行验证就行。但session保存在服务端,当面对分布式的场景时,多个机器、集群之间session信息如何沟通是个问题,因为负载均衡,指不定用户的请求会被打到哪台机器上,而jwt的安全性有保障,用它就行了

问题 我给后端egg设置一个中间件,所有非登录操作的都要验证token,对于中台系统来说没问题,但对于前台(我只做了一个后端,想着都用一个)目前来说不打算做登录之类的权限操作,是没有token的

  • 想着通过host字段来判断?
    • 只有host对应青云时才验证,❌,有人直接有你的url,不用平台,那不就随便改?
    • 只有host对应前台host时才不验证,❌,host可以伪造,refer也差不多,老版本浏览器也可以伪造
  • 目前好像只能单独再写几个路由,给前台专用,通过url路径判断是否要进行token验证

jwt

Json Web Token,本质是一个字符串 在web环境提供统一的、安全的令牌格式 只是一种令牌格式,既可以存储在cookie也可以存储到localstorage

组成

  • header: 用来描述令牌的类型,算法等
  • payload: 用来存储用户信息,过期时间等
  • signature: 用来校验payload的完整性,防止被篡改,需要密钥加密

无感token刷新

https://www.bilibili.com/video/BV1zi421k7jG/?spm_id_from=333.1387.0.0&vd_source=13577946ef3878abe2197cc65b72005c

长短token:

  • 一个短时间的权限token,用于请求时权限鉴别
  • 一个长时间过期的token, 当短期token过期后,去刷新短期token
    • 应该是一个单独的接口
    • 无感刷新:在响应拦截其中处理即可

oauth2

md
# OAuth2.0

## 认识OAuth2.0

> [OAuth](http://en.wikipedia.org/wiki/OAuth)是一个关于授权(authorization)的开放网络标准协议,简单理解就是一种授权机制。

### 授权机制设计

![](./asset/OAuth2.png)

> **OAuth 就是一种授权机制。数据的所有者告诉系统,同意授权第三方应用进入系统,获取这些数据。系统从而产生一个短期的进入令牌(token),用来代替密码,供第三方应用使用**
> 令牌既可以让第三方应用获得权限,同时又随时可控,不会危及系统安全。这也是 OAuth 2.0 的优点。

令牌的特点
- 短期的,到期会自动失效,用户自己无法修改。
- 可以被数据所有者撤销,会立即失效。
- 有权限范围(scope),对于网络服务来说,只读令牌就比读写令牌更安全。

### 获取令牌四种实现方式

- 授权码(authorization-code)
- 隐藏式(implicit)
- 密码式(password):
- 客户端凭证(client credentials)

> 不管哪一种授权方式,第三方应用申请令牌之前,**都必须先到系统备案**,说明自己的身份,然后会拿到两个身份识别码:**客户端 ID(client ID)和客户端密钥(client secret)**。这是为了防止令牌被滥用,没有备案过的第三方应用,是不会拿到令牌的;

#### 授权码

**授权码(authorization code)方式,指的是第三方应用先申请一个授权码,然后再用该码获取令牌(适合前后端分离,最常用的方式)。**

> 这种方式是最常用的流程,安全性也最高,它适用于有后端的 Web 应用。授权码通过前端传送,令牌则是储存在后端,而且所有与资源服务器的通信都在后端完成。这样的前后端分离,可以避免令牌泄漏。

1. **A 网站提供一个链接,用户点击后就会跳转到 B 网站,授权用户数据给 A 网站使用。**

   ```javascript
   https://b.com/oauth/authorize?
     response_type=code& 
     client_id=CLIENT_ID&
     redirect_uri=CALLBACK_URL&
     scope=read
   ```

    - response_type=code     *code参数表示要求返回授权码*
    - client_id=CLIENT_ID     *参数让B知道是谁在请求数据*
    - redirect_uri = CALLBACK_URL   *当B网站处理完成链接请求后的跳转地址*
    - scope=read     *表示要授权的范围,read代表对授权资源进行只读操作*

2. **跳转成功,B 网站会要求用户登录,然后询问是否同意给予 A 网站授权。用户表示同意,这时 B 网站就会跳回`redirect_uri`参数指定的网址。跳转时,会传回一个授权码**

   ```js
   https://a.com/callback?code=AUTHORIZATION_CODE     // code 代表授权码
   ```

3. **A 网站拿到授权码以后,就可以在后端,向 B 网站请求令牌。**

```html
https://b.com/oauth/token?
 client_id=CLIENT_ID&
 client_secret=CLIENT_SECRET&
 grant_type=authorization_code&
 code=AUTHORIZATION_CODE&
 redirect_uri=CALLBACK_URL
```

- client_id   *确认A的身份*
- client_secret   *确认A的身份*
- grant_type		*表示使用授权的方式获取授权码*
- code 				*第二步中获取到的code值*
- redirect_uri      *令牌颁发后的回调地址*

4. **B 网站收到请求以后,就会颁发令牌。具体做法是向`redirect_uri`指定的网址,发送一段 JSON 数据。**

```javascript
{    
 "access_token":"ACCESS_TOKEN",
 "token_type":"bearer",
 "expires_in":2592000,
 "refresh_token":"REFRESH_TOKEN",
 "scope":"read",
 "uid":100101,
 "info":{...}
}
```

#### 隐藏式

> 适用于纯前端的WEB应用,必须将令牌储存在前端。允许直接向前端颁发令牌。这种方式没有授权码这个中间步骤,所以称为(授权码)"隐藏式"(implicit)。**由于前端直接获取token,安全性较低,一般适用于比较信任的网站,并且令牌的有效期,也相对较短,一般是界面关闭及失效**

1. **A 网站提供一个链接,要求用户跳转到 B 网站,授权用户数据给 A 网站使用**

   ```html
   https://b.com/oauth/authorize?
     response_type=token&
     client_id=CLIENT_ID&
     redirect_uri=CALLBACK_URL&
     scope=read
   ```

   > response_type=token  表示直接返回令牌

2. **用户跳转到 B 网站,登录后同意给予 A 网站授权。B 网站就会跳回`redirect_uri`参数指定的跳转网址,并且把令牌作为 URL 参数,传给 A 网站。**

```js
https://a.com/callback#token=ACCESS_TOKEN
```

> token参数为令牌,**令牌的位置是 URL 锚点(fragment),而不是查询字符串(querystring),这是因为 OAuth 2.0 允许跳转网址是 HTTP 协议,因此存在"中间人攻击"的风险,而浏览器跳转时,锚点不会发到服务器,就减少了泄漏令牌的风险。**

#### 密码式

> 如果你高度信任某个应用,RFC 6749 也允许用户把用户名和密码,直接告诉该应用。该应用就使用你的密码,申请令牌,这种方式称为"密码式"(password)。

1. 第一步,A 网站要求用户提供 B 网站的用户名和密码。拿到以后,A 就直接向 B 请求令牌。

```js
https://oauth.b.com/token?
 grant_type=password&
 username=USERNAME&
 password=PASSWORD&
 client_id=CLIENT_ID
```

- grant_type = password   *授权方式为密码的形式进行授权*
- username && userpassword *B网站的登录用户名及密码*
- client_id     *用户申请令牌的身份标识*

2. B 网站验证身份通过后,直接给出令牌。注意,这时不需要跳转,而是把令牌放在 JSON 数据里面,作为 HTTP 回应,A 因此拿到令牌。

> 这种方式需要用户给出自己的用户名/密码,显然风险很大,因此只适用于其他授权方式都无法采用的情况,而且必须是用户高度信任的应

#### 凭证式

> 凭证式和密码式很相似,主要适用于那些没有前端的命令行应用,可以用最简单的方式获取令牌,在请求响应的 `JSON` 结果中返回 `token`

1. **第一步,A 应用在命令行向 B 发出请求。**

```html
https://oauth.b.com/token?
  grant_type=client_credentials&
  client_id=CLIENT_ID&
  client_secret=CLIENT_SECRET
```

`grant_type``client_credentials` 表示凭证式授权,`client_id``client_secret` 用来识别身份。

2. B 网站验证通过以后,直接返回令牌。

### 令牌的使用/更新

##### 使用

> A 网站拿到令牌以后,就可以向 B 网站的 API 请求数据了。使用方法为在请求头中将 `token` 放在 `http` 请求头部的一个`Authorization`字段里。

##### 更新

> `token`是有时效性的,一旦过期就需要重新获取,令牌的有效期到了,如果让用户重新走一遍上面的流程,再申请一个新的令牌,很可能体验不好,而且也没有必要。OAuth 2.0 允许用户自动更新令牌

##### 实现方法

> 具体方法是,B 网站颁发令牌的时候,一次性颁发两个令牌,一个用于获取数据,另一个用于获取新的令牌(refresh token 字段)。令牌到期前,用户使用 refresh token 发一个请求,去更新令牌。

```js
https://b.com/oauth/token?
  grant_type=refresh_token&
  client_id=CLIENT_ID&
  client_secret=CLIENT_SECRET&
  refresh_token=REFRESH_TOKEN
```

`grant_type`参数为`refresh_token`表示要求更新令牌;

`client_id`参数和`client_secret`参数用于确认身份;

`refresh_token`参数就是用于更新令牌的令牌。

B 网站验证通过以后,就会颁发新的令牌

苏ICP备2025160170号-1 | 前端进化之路 | Released under the MIT License.