从 Angular 应用程序调用 REST API

雅各布

我正在尝试使用微服务架构开发我的 Web 应用程序。后端我将 Spring、Spring Cloud 和 Spring Boot 用于微服务。我的前端应用程序是一个 Angular 2 应用程序。我的前端应用程序将根据从 Angular 2 应用程序调用的后端其余端点工作。

  • 我正在尝试为此 Web 应用程序创建登录名。我计划使用 API 密钥对后端服务进行身份验证。我的登录检查功能也是一个微服务。所以在这里当我调用我的后端服务时,我如何实现这个 API 密钥功能?是否需要不断设置为唯一变量?

这里API密钥不能动态管理,因为登录功能本身是一个微服务,所以我需要使用API​​密钥来调用已经部署在云中的登录检查服务?

我如何理解这个场景?

吉斌TJ

在这种情况下,您不能真正将 API 密钥用作 Web 应用程序。API 密钥将在 Web 应用程序中公开可见。实现身份验证的正确方法相当复杂,涉及

整个过程的高级概述可以总结如下:

  1. 用户尝试使用其凭据登录。这将发送到服务器进行身份验证。
  2. 凭据根据数据库记录进行验证。如果验证通过,则将 JWT 令牌发送回客户端。
  3. 客户端应将此 JWT 令牌存储在内存或本地存储中的某处,具体取决于用例。有效的 JWT 表示用户已通过身份验证。
  4. 对于每个后续请求,此 JWT 应附加到请求标头。服务器将查找此 JWT 令牌进行身份验证。
  5. 对客户端路由的访问受到使用路由保护的认证用户的保护。
  6. 同样,这个 JWT 令牌有一个过期时间,必须不断检查是否过期。
  7. 如果经过身份验证的用户的 JWT 令牌即将到期,则服务器应返回刷新令牌,客户端应使用此刷新令牌请求新的经过身份验证的 JWT 令牌。

请参考这篇文章开始。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从Android应用程序调用REST API?

来自分类Dev

从MVC Web应用程序调用REST API

来自分类Dev

从另一个Flask应用程序调用Flask应用程序的REST API

来自分类Dev

MEAN-stack 应用程序:从 angular2 前端到表达后端的 REST API 调用不起作用。错误:ERR_CONNECTION_REFUSED

来自分类Dev

Rest API Android应用程序

来自分类Dev

Rest API Android应用程序

来自分类Dev

在播放应用程序中调用模块控制器的REST API

来自分类Dev

DynamoDB:如何从ZF2 rest应用程序调用dynamodb api

来自分类Dev

无法启动使用Cloud SDK库的应用程序调用Workflow Rest API

来自分类Dev

使用Kubernetes集群的带有动态Rest API调用的Springboot应用程序

来自分类Dev

Azure REST API - 调用列表应用程序 (GraphRBAC) 焦点模式时出现 401 错误

来自分类Dev

对于 Laravel + React 应用程序哪个更好,REST API 调用或刀片包含反应组件?

来自分类Dev

哪个更好:一个大型REST API调用或一个Cordova / Backbone应用程序的小型调用?

来自分类Dev

从Postman调用Twitter API是可行的,但是从Angular 2应用程序中无法实现

来自分类Dev

在我的 Angular 应用程序中使用 api 调用值作为 div 的背景图像

来自分类Dev

访问Angular应用程序的api

来自分类Dev

Angular JSONP调用WordPress JSON REST API

来自分类Dev

如果Nginx正在代理Moqui应用程序,则标头中具有api_key的Rest API调用将失败

来自分类Dev

如何在我的角度应用程序中调用和使用spring REST POST API,该应用程序返回没有主体的字符串?

来自分类Dev

在Websphere服务器中进行部署时,如何对应用程序进行Rest API调用?

来自分类Dev

BlueMix SingleSignOn,如何在启用了SSO服务的情况下调用BlueMix应用程序的REST API

来自分类Dev

在Websphere服务器中进行部署时,如何对应用程序进行Rest API调用?

来自分类Dev

Azure 自动化在混合工作器上调用内部应用程序 Rest API 返回 400 错误

来自分类Dev

适用于Android应用程序的Magento REST API

来自分类Dev

Facebook与后端REST API的移动应用程序集成

来自分类Dev

Spray REST API应用程序结构-需要建议

来自分类Dev

用户和应用程序的REST API身份验证

来自分类Dev

通过Cloudify中的REST API启动应用程序

来自分类Dev

使用REST API的Apache Brooklyn应用程序启动

Related 相关文章

  1. 1

    如何从Android应用程序调用REST API?

  2. 2

    从MVC Web应用程序调用REST API

  3. 3

    从另一个Flask应用程序调用Flask应用程序的REST API

  4. 4

    MEAN-stack 应用程序:从 angular2 前端到表达后端的 REST API 调用不起作用。错误:ERR_CONNECTION_REFUSED

  5. 5

    Rest API Android应用程序

  6. 6

    Rest API Android应用程序

  7. 7

    在播放应用程序中调用模块控制器的REST API

  8. 8

    DynamoDB:如何从ZF2 rest应用程序调用dynamodb api

  9. 9

    无法启动使用Cloud SDK库的应用程序调用Workflow Rest API

  10. 10

    使用Kubernetes集群的带有动态Rest API调用的Springboot应用程序

  11. 11

    Azure REST API - 调用列表应用程序 (GraphRBAC) 焦点模式时出现 401 错误

  12. 12

    对于 Laravel + React 应用程序哪个更好,REST API 调用或刀片包含反应组件?

  13. 13

    哪个更好:一个大型REST API调用或一个Cordova / Backbone应用程序的小型调用?

  14. 14

    从Postman调用Twitter API是可行的,但是从Angular 2应用程序中无法实现

  15. 15

    在我的 Angular 应用程序中使用 api 调用值作为 div 的背景图像

  16. 16

    访问Angular应用程序的api

  17. 17

    Angular JSONP调用WordPress JSON REST API

  18. 18

    如果Nginx正在代理Moqui应用程序,则标头中具有api_key的Rest API调用将失败

  19. 19

    如何在我的角度应用程序中调用和使用spring REST POST API,该应用程序返回没有主体的字符串?

  20. 20

    在Websphere服务器中进行部署时,如何对应用程序进行Rest API调用?

  21. 21

    BlueMix SingleSignOn,如何在启用了SSO服务的情况下调用BlueMix应用程序的REST API

  22. 22

    在Websphere服务器中进行部署时,如何对应用程序进行Rest API调用?

  23. 23

    Azure 自动化在混合工作器上调用内部应用程序 Rest API 返回 400 错误

  24. 24

    适用于Android应用程序的Magento REST API

  25. 25

    Facebook与后端REST API的移动应用程序集成

  26. 26

    Spray REST API应用程序结构-需要建议

  27. 27

    用户和应用程序的REST API身份验证

  28. 28

    通过Cloudify中的REST API启动应用程序

  29. 29

    使用REST API的Apache Brooklyn应用程序启动

热门标签

归档