SAP Spartacus 里的 icon 设计

举报
Jerry Wang 发表于 2021/10/31 23:31:36 2021/10/31
【摘要】 同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET:需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码:动态创建新的 link 标签,并加载对应的 css:css 地址:https://use.fontawesome.com/releases/v5.8.1/css/all....

同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET:

需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码:

动态创建新的 link 标签,并加载对应的 css:

css 地址:https://use.fontawesome.com/releases/v5.8.1/css/all.css


SAP Spartacus 所有支持的 icon 类型和提供这些 icon 形状的 css 文件 url,来自这个配置文件:projects\storefrontlib\src\cms-components\misc\icon\fontawesome-icon.config.ts

SAP Spartacus 因为 refresh token 刷新令牌过期后显示用户重新登录页面的逻辑

在 auth.interceptor.ts 里判断,token 是否过期:

isExpiredToken: 通过服务器端返回的错误类型判断。

如果确实过期了,首先调用 handleExpiredToken, 返回的 Observable 对象,使用该 token,重新发送之前因为 token 过期而失效的请求:createNewRequestWithNewToken:

stream 是一个 BehaviorSubject:

this.oAuthLibWrapperService.refreshToken, 这个方法刷新的是 Access Token. 如果失败,说明 refresh Token 也过期了,此时先调用第 135 行的代码,handleExpiredRefreshToken,先处理 refresh token 的过期问题。

refresh access token: 需要传旧的 refresh token,但是 response 里也返回了新的 refresh token.

Spartacus 显示 “Your session has expired. Please login again.” 的逻辑:

如果 refresh token 也过期了,只能重新登录了。

this.authService.coreLogout, 首先登出,然后 this.routingService.go({ cxRoute: ‘login’});

把用户重定向到登录页面:

最后显示 session expired 的错误提示消息,key 为:httpHandlers.sessionExpired

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。