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$在某個時間段之后，會發生變化，而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的登录页面的用户名显示逻辑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。