npm 包 @aws-sdk/client-cognito-identity-browser 使用教程

阅读时长 8 分钟读完

简介

@aws-sdk/client-cognito-identity-browser 是一个由 Amazon Web Services (AWS)提供的 JavaScript 客户端库,用于在浏览器中使用 Amazon Cognito 身份池。它提供了一组用于处理身份验证和授权的工具和方法,并提供了用于调用 Cognito API 的接口。

本文将介绍如何使用 @aws-sdk/client-cognito-identity-browser 库来添加身份验证和授权功能到你的应用程序中。

安装

你可以通过 npm 来安装 @aws-sdk/client-cognito-identity-browser:

配置

在使用 @aws-sdk/client-cognito-identity-browser 之前,你需要先创建并配置身份池,以获取身份池 ID 和身份池角色。你需要创建具有对 Cognito API 的访问权限的 AWS IAM 用户,并在项目中设置访问密钥和密钥ID,以及 AWS 区域。

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

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

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

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

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

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

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

身份验证

要在浏览器中使用 @aws-sdk/client-cognito-identity-browser 进行身份验证,需要使用 AWS.CognitoIdentityCredentials 方法和您的身份池 ID 和角色 ARN

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

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

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

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

示例代码

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

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

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

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

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

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

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

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

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

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

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

结语

本文介绍了如何使用 @aws-sdk/client-cognito-identity-browser 库来添加身份验证和授权功能到你的应用程序中,包括身份池的设置和配置,身份验证的实现和示例代码。你可以在你的项目中使用此库来处理诸如用户身份验证、授权等等问题,更有效地保护应用程序的安全。

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

纠错
反馈