IdentityServer4之Implicit和纯前端好像很配哦

前言

上一篇Resource Owner Password Credentials模式虽然有用户参与，但对于非信任的第三方的来说，使用这种模式是有风险的，所以相对用的不多；这里接着说说implicit隐式模式，这种模式比较适合于纯前端客户端，比如Vue、Angular、React项目等，相对来说整个流程比较安全，只需在认证服务器进行认证即可，无需在客户端进行相关隐私信息录入，但前提是要客户端保证安全，不然容易被别人钓鱼(安全很重要)，那IdentityServer4不背这个锅。

正文

既然有用户参与，交互肯定少不了，认证那更不能缺少，所以这里使用OIDC(OpenID Connect)的协议进行用户身份验证；别跑，不管是客户端还是认证服务器端，已经都封装好了，拿过来直接用即可；

从流程先了解一下，直接上图：

 

 

流程简要说明：

1. 用户通过浏览器(User-Agent)访问第三方客户端(Client)；
2. 如果客户端需要进行认证授权，则将其重定向到认证服务器(Authorization server);
3. 用户(ResorceOwner)在认证服务器上进行认证；
4. 认证服务器(Authorization server)验证成功之后，返回AccessToken和Id Token客户端；
5. 后续用户再操作客户端的时候，若需访问保护资源，直接在请求中带上AccessToken即可；
6. 最终资源服务器(Resource server)返回对应信息；

术语解释：

• User-Agent：这里指就是浏览器；如果客户端是Web，就需要用户通过浏览器访问客户端，所以这里的浏览器就是User-Agent;
• Id Token：标识用户身份的Token，这是OpenID Connect带上的。

知道大概的流程，接下来就通过代码实践的方式演示一把。

1.拷贝上一节Reource Owner Password的授权服务器和资源服务器代码并完善；

对于资源服务器来说，这里先暂时不用修改其他；

认证服务器增加界面支持

而认证服务器需要有自己的页面，因为在访问客户端时会重定向到认证服务器进行认证信息录入和授权相关操作，那页面需要自己写吗，不需要的，IdentityServer4模板中已经准备好了，如下操作：

• 方式一：直接从github上下载，下载地址：https://github.com/IdentityServer/IdentityServer4.Quickstart.UI/tree/main；
• 方式二：命令行方式，从IdentityServer4模板中获取；

bash dotnet new -i IdentityServ