介绍
fif-common-ng-2-token 是一个针对 Angular2 或以上版本开发的 npm 包，它封装了处理 Token 相关操作的服务和组件，简化了开发者在使用 Token 时的操作流程。其中，Token 是一种用于验证身份的凭证，它是基于 OAuth2.0 协议的授权方式的产物。
安装
将 fif-common-ng-2-token 安装到你的项目中，可以通过以下命令：
npm i fif-common-ng-2-token -S
使用方式
导入 TokenService
在你的 Angular2 项目中导入 TokenService，TokenService 用于获取 Token 值，可以在你的业务逻辑中调用：
import { TokenService } from 'fif-common-ng-2-token';
constructor(private tokenService: TokenService) { }
getToken() {
const token = this.tokenService.getTokenValue();
console.log('获取 Token 值：', token);
}使用 TokenPipe 显示 Token
TokenPipe 可用于显示当前 Token 值，其中要求必须将 TokenService 插入到组件的 providers 中：
-- -------------------- ---- -------
------ - ------------ - ---- ------------------------
------------
--------- -------
--------- ---------- -- ----- - ----- --------
---------- --------------
--
------ ----- ------------- -
------ -------
------------------- ------------- ------------- -
---------- - ----------------------------------
-
-通过 TokenInterceptor 添加 Token 到请求中
TokenInterceptor 可以将 Token 自动添加到每个请求的 Authorization 头中，实现了在每个请求中自动带上 Token 的功能：
-- -------------------- ---- -------
------ - ----------------- - ---- -----------------------
------ - ---------------- - ---- ------------------------
-----------
---------- -
- -------- ------------------ --------- ----------------- ------ ---- -
-
--
------ ----- --------- - -在请求失败时处理 Token 错误
在请求中如果出现 Token 错误，可能需要重新获取 Token，TokenInterceptor 会将错误发送给 TokenErrorHandler 处理，需要开发者实现一个 TokenErrorHandler：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ------------------ ----------------- - ---- ------------------------
-------------
------ ----- ----------------------- ---------- ----------------- -
------------------ ------------------- --------------- -
-- ----- ----- --
------------------ ------ --------- ------------- -- -------- -------------
------ ---------
-
-示例代码
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ---------- - ---- -----------------------
------ - ------------- ----------------- ------------------ ----------------- - ---- ------------------------
------ - ----------------- - ---- -----------------------
------ - ----------- -- - ---- -------
------ - ---------- - ---- -----------------
-------------
------ ----- ----------------------- ---------- ----------------- -
------------------ ------------------- --------------- -
------------------ ------ --------- ------------- -- -------- -------------
------ ---------
-
-
------------
--------- -----------
--------- -
--------- -- ----- - ----- ------
----
--- ----------- ---- -- --------- ---- -------
-----
--
---------- -
-------------
- -------- ------------------ --------- ----------------- ------ ---- --
- -------- ------------------ --------- ----------------------- -
-
--
------ ----- ------------ ---------- ------ -
------ -------
------ ---------
------------------- ------------- ------------- ------- ----- ----------- - -
---------- -
---------- - ----------------------------------
------------------------------------
-------------------- -- -
------------------- -- -----
------ -------
---
-----------
---- -- ---------- - -----
--- -- ---------------------- ------ -- ----
--
-
-结论
fif-common-ng-2-token 显著地简化了开发者在 Angular2 项目中使用 OAuth2.0 Token 的流程，同时保证了安全性、稳定性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056dde81e8991b448e71fa