npm 包 auth-core 使用教程

阅读时长 6 分钟读完

简介

在前端领域,经常需要进行用户的认证和授权,为了提高前端开发的效率,npm 社区推出了一款轻量级的用户认证和授权库 auth-coreauth-core 提供了多种认证和授权方案,如基于 token 的认证、基于角色的授权、权限拦截器等等。

安装

使用 npm 安装 auth-core

基本使用

1. 创建配置

在使用 auth-core 前,需要先创建认证和授权的配置,通常我们使用如下的方式创建:

-- -------------------- ---- -------
------ -------- ---- ------------

----- ---- - --- -----------

-- -- ----- -------
----------------
    ---------- -------------
    ------------ -- - -- - -- -- ----
---

-- ---------
----------------------------- ----- ---- -- -
    ----- ----- - --------------------------
    ----- ---- - ------------------------
    --------- -
        -------------------------------------
    -
---

----------------------------- ----- ---- -- -
    ----- ---- - ---------
    -------- -- --------- --- -------- -
        -------------------------------------
    -
---

2. 路由添加认证和授权

在需要进行认证和授权的路由中,使用 Auth.authenticate 添加认证方案,使用 Auth.authorize 添加授权方案。

-- -------------------- ---- -------
------ ------- ---- ----------
------ ---- ---- ---------

----- --- - ----------

-- ----- -------
-------------------- --------------------------- ----- ---- -- -
    -------------------
---

-- ----- ----------
--------------------- --------------------------- ------------------------ ----- ---- -- -
    ---------------- --------
---

3. 生成和验证 token

在登录的时候,需要用 Auth.createToken 生成 token。在每个请求中,需要用 Auth.verifyToken 验证 token。

-- -------------------- ---- -------
---------------------- ----- ---- -- -
    ----- - --------- -------- - - ---------
    -- ---------- -----
    ----- ----- - ------------------ -------- ---

    -- -- ----- -------------- -----
    --------------------- -------

    --------------- ----------
---
-- -------------------- ---- -------
----------------------- ----- ---- -- -
    -- -- ----- ----
    ----- ----- - --------------------------
    --------------------------- -
        --------------------- ----
        ---------------- ----------
    - ---- -
        -------------------------
    -
---

示例代码

-- -------------------- ---- -------
------ -------- ---- ------------
------ ------- ---- ----------

----- --- - ----------
----- ---- - --- -----------

-- -- ----- -------
----------------
    ---------- -------------
    ------------ -- - -- - -- -- ----
---

-- ---------
----------------------------- ----- ---- -- -
    ----- ----- - --------------------------
    ----- ---- - ------------------------
    --------- -
        -------------------------------------
    -
---

----------------------------- ----- ---- -- -
    ----- ---- - ---------
    -------- -- --------- --- -------- -
        -------------------------------------
    -
---

-- ----- -------
-------------------- --------------------------- ----- ---- -- -
    -------------------
---

-- ----- ----------
--------------------- --------------------------- ------------------------ ----- ---- -- -
    ---------------- --------
---

-- ----- -----
---------------------- ----- ---- -- -
    ----- - --------- -------- - - ---------
    -- ---------- -----
    ----- ----- - ------------------ -------- ---

    -- -- ----- -------------- -----
    --------------------- -------

    --------------- ----------
---

-- ------- -----
----------------------- ----- ---- -- -
    -- -- ----- ----
    ----- ----- - --------------------------
    --------------------------- -
        --------------------- ----
        ---------------- ----------
    - ---- -
        -------------------------
    -
---

---------------- -- -- -
    ------------------- --------- -- ---- -------
---

结语

auth-core 提供了一种快速简便的前端认证和授权方案,使用该库,可以轻易地实现用户认证和授权,提高前端开发的效率和安全性。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822ddf

纠错
反馈