SAP Spartacus的登录页面的用户名显示逻辑

SAP Spartacus登录页面如下图所示：

通过login form用户输入的用户名和密码去换取token，拿到token后，调用另一个API，将token作为Authorization字段输入：

https://spartacus-dev2.eastus.cloudapp.azure.com:9002/occ/v2/powertools-spa/orgUsers/current?lang=en&curr=USD

该token同时也会维护到浏览器的local storage里：

user$的赋值逻辑：

ui Component template绑定到了user,暗示了这个user, 暗示了这个user,暗示了这个user在某个时间段之后，会发生变化，而UI的ngIf*需要根据该变化做出对应的反应：

上图这段代码的语义是：

ngOnInit(): void {this.user$ = this.auth.isUserLoggedIn().pipe(switchMap((isUserLoggedIn) => {if (isUserLoggedIn) {return this.userService.get();} else {return of(undefined);}}));}

如果用户已经登录，则调用userService.get, 使用access token调用user API去读取用户的name.

如果没有登录，返回空的Observable对象，这样登录页面就会显示id为login的Angular模板页面，提示用户在form页面上输入用户名和密码进行登录。

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus的登录页面的用户名显示逻辑相关推荐

SAP Spartacus B2B User 页面的数据读取逻辑设计
点击SAP Spartacus B2B的Users页面后: 触发selector: 看到user 列表: B2B user模块,从设计上说,位于Spartacus工程项目的feature-libs文件 ...
在SAP Spartacus产品明细页面用outlet显示自定义数据
首先创建一个新的Angular module和Component: 这个新的module,因为要使用Outlet功能,所以需要从@Spartacus/storefront里导入OutletRefMod ...
SAP Spartacus产品明细页面用Observable显示产品名称
具体实现: import { Component, OnInit } from '@angular/core'; import { ActiveCartService, Product } from ...
SAP Spartacus shipping address页面请求2 - Put Address
注意,这是一个HTTP PUT请求: /occ/v2/electronics-spa/users/current/carts/00008679/addresses/delivery?addressId ...
SAP Spartacus cxOutlet 里的 templatesRefs 的填充逻辑
cxOutlet合集 SAP Spartacus自定义指令cxOutlet的工作原理 SAP Spartacus table cell如何通过cxOutlet在运行时动态注入组件 SAP Sparta ...
SAP Spartacus not found页面的显示触发机制 - ErrorPageTemplate
在什么情况下,SAP Spartacus会显示404 not found页面? 请求id为not-found的content page: not-found.handler.ts: semantic路 ...
SAP Spartacus unit detail 页面显示后自动 focus 设置的原理
这个自动 focus 设置的效果是:我们从 Spartacus Unit list 页面,随便选择一行,进入明细页面之后: 键盘 focus 会自动停留在 detail 页面(下图右边红色矩形框内)第 ...
SAP Spartacus PageLayoutComponent 如何知道自己应该显示哪些具体内容
我们以前介绍过,经过 SAP Spartacus 路由配置后的 routes 数组,其 route 数据结构的 Component 属性,清一色指向 generic 的 PageLayoutCompo ...
SAP Spartacus的登录验证机制 - user login Authentication
用户输入用户名和密码,点击login之后,向如下http endpoint发起POST请求: url: https://spartacus-dev2.eastus.cloudapp.azure.com ...

SAP Spartacus的登录页面的用户名显示逻辑

SAP Spartacus的登录页面的用户名显示逻辑相关推荐

最新文章

热门文章