asp.net core + angular2 JWT 承载

Posted

技术标签:

【中文标题】asp.net core + angular2 JWT 承载【英文标题】:asp.net core + angular2 JWT bearer 【发布时间】:2017-03-07 23:30:53 【问题描述】:

我正在寻找如何使用 angular2 在 asp.net-core 1.0 中使用 JWT 承载实现授权。 请问你们要样品之类的吗?

【问题讨论】:

github.com/openiddict/openiddict-samples 有使用 OpenIddict 的示例。 github.com/IdentityServer/IdentityServer4 将它们用于 IdentityServer4。一旦您对领域有所了解,请返回以提出可回答的问题。 嗯,我想要更简单的东西,比如 aps.net MVC 4 中的 cookie 授权。 【参考方案1】:

asp.net core 1.1 有库。可以轻松做JWT承载,请看这里:

https://code.msdn.microsoft.com/How-to-achieve-a-bearer-9448db57

对于 Angular 作为客户端,请参见:

https://code.msdn.microsoft.com/How-to-authorization-914d126b

由于 MS$ 提供了中间件 UseJwtBearerAuthentication,jwt 承载令牌将在后端简单地使用它;前端登录后将令牌保存在 sessionStorage 中,与后端通话时,将 http 请求的标头设置为:

let headers = new Headers( 'Content-Type': 'application/json' );
headers.append("Authorization", "Bearer " + sessionStorage.getItem(this.tokenKey););

详情请见here

【讨论】:

以上是关于asp.net core + angular2 JWT 承载的主要内容,如果未能解决你的问题,请参考以下文章

将文件从 ASP.NET Core Web api 发布到另一个 ASP.NET Core Web api

无法在 ASP.NET Core 1.0 中启用跨域请求 (CORS)

在 Visual Studio 的 ASP.NET Core + Angular 2 模板上设置图像路径

ASP.NET Core Angular 2 Webpack 热模块替换

ASP.NET Core和Angular 2双剑合璧

使用 Asp.Net Core Web API 文件上传文件始终为空