tk域名注册网站,wordpress评论能不能带图,手机版网站建设多少钱,公司该建哪种网站上两节介绍完Hybrid模式在MVC下的使用#xff0c;包括验证从数据获取的User和Claim对MVC的身份授权。本节将介绍Implicit模式在JavaScript应用程序中的使用#xff0c;使用Node.jsExpress构建JavaScript客户端#xff0c;实现前后端分离。本节授权服务和资源服务器基于第四和… 上两节介绍完Hybrid模式在MVC下的使用包括验证从数据获取的User和Claim对MVC的身份授权。本节将介绍Implicit模式在JavaScript应用程序中的使用使用Node.jsExpress构建JavaScript客户端实现前后端分离。本节授权服务和资源服务器基于第四和第五节。 一、使用Node.jsExpress搭建JavaScript客户端1首先需要Node.js环境下载并安装Node.js官网下载地址https://nodejs.org/en/ 输入指令node –v 检测是否已安装Node.js已安装会显示安装的Node.js版本2安装Express打开cmd输入指令npm install express-generator –g输入指令express –h 已安装express会显示帮助文档3新建文件创建JavaScript_Client应用程序新建文件夹在D盘新建Express文件夹cmd进入该文件夹。输入express JavaScript_Client 在当前目录下创建一个名为JavaScript_Client的应用。目录结构如下4安装依赖包输入cd JavaScript_Client 进入JavaScript_Client目录输入npm install 安装依赖包5启动并测试项目输入npm start浏览器打开http://localhost:3000 看到以下页面证明成功了。 二、添加JavaScript客户端测试代码1安装oidc-client库输入npm install oidc-client –save我们会发现在D:\express\JavaScript_Client\node_modules\oidc-client\dist 有两个js文件我们只需使用这两个文件。把这两个文件复制到D:\express\JavaScript_Client\public\ javascripts 目录下2添加测试用的HTML文件使用VSCode打开JavaScript_Client文件夹在publicD:\express\JavaScript_Client\public下新建index.html文件。添加几个测试用的按钮。3添加测试的js文件在public下新建app.js文件。黏贴以下代码以下对app.js代码进行分析App.js中log函数用来记录消息使用oidc-client库中的UserManager类来管理OpenID连接协议。添加此代码以配置和实例化UserManager:接下来UserManager提供一个getUser API来获取用户是否登录到JavaScript应用程序。返回的User对象有一个profile属性其中包含用户的声明。添加此代码以检测用户是否登录到JavaScript应用程序:接下来我们要实现登录、api和注销功能。UserManager提供登录用户的signinRedirect和用户登出的signoutRedirect。我们在上述代码中获得的用户对象还有一个access_token属性可以使用该属性对web API进行身份验证。access_token将通过Bearer模式传递给Web API。添加以下代码在我们的应用程序中实现这三个功能:4再新建一个callback.html。一旦用户登录到IdentityServer这个HTML文件就是指定的redirect_uri页面。它将完成OpenID Connect协议与IdentityServer的登录握手。这里的代码都由我们前面使用的UserManager类提供。登录完成后我们可以将用户重定向回index.html页面。添加此代码完成登录过程:8修改服务端口为5003 三、修改授权服务配置资源服务器允许跨域调用API1修改授权服务配置在AuthServer项目打开Config.cs文件在GetClients中添加JavaScript客户端配置2在资源服务配置允许跨域调用api在ResourceAPI项目打开Startup.cs文件中的ConfigureServices方法配置CORS允许Ajax调用从http://localhost:5003调用http://localhost:5001的Web API。在Configure方法中将CORS中间件添加到管道中 //JS-Add the CORS middleware to the pipeline in Configure:app.UseCors(default);3添加测试用的api接口添加IdentityController控制器4测试运行AuthServer项目运行ResourceAPI项目。在VSCode终端输入npm start打开浏览器http://localhost:5003/点击Login使用账号:zhubingjian 密码:123 登录登录返回用户的Claims信息点击Call API调用资源服务器的API接口成功获取接口返回的信息。通过这六节的内容大概地介绍了IdentityServer4中Client的应用场景包括MVC、前后端分离和服务端。此外还介绍了如何动态配置Client、如何验证从数据库中获取的User以及自定义Claims的方法。这个系列对IdentityServer4的介绍也是我博客的起点写博客虽然很花时间但是可以帮助我加深对知识点的理解。然而文中也体现到我对某些知识点的理解还是不到位的望大家见谅。参考官网地址https://identityserver4.readthedocs.io/en/release/quickstarts/7_javascript_client.html授权服务和资源服务源码地址https://github.com/Bingjian-Zhu/Mvc-HybridFlow.gitJavaScript客户端源码地址https://github.com/Bingjian-Zhu/Identity-JavaScript_Client.git相关文章从Client应用场景介绍IdentityServer4一IdentityServer4-EF动态配置Client和对Claims授权二IdentityServer4-客户端的授权模式原理分析三IdentityServer4-MVCHybrid实现Claims授权验证四IdentityServer4-从数据库获取User登录并对Claims授权验证五基于IdentityServer4 实现.NET Core的认证授权IdentityServer4与ocelot实现认证与客户端统一入口使用Dapper持久化IdentityServer4原文地址: https://www.cnblogs.com/FireworksEasyCool/p/10197620.html.NET社区新闻深度好文欢迎访问公众号文章汇总 http://www.csharpkit.com
