npm 包 @igloo-be/netlify-cms-lib-auth 使用教程

简述

@igloo-be/netlify-cms-lib-auth 是一个用于 Netlify CMS 应用程序的认证库，它使您能够在 Netlify CMS 应用程序中使用任何认证提供程序。本文将提供详细的使用教程。

安装

使用 npm 安装 @igloo-be/netlify-cms-lib-auth：

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

配置

客户端配置

首先，将以下配置添加到 Netlify CMS 应用程序的 src/index.js 文件中。

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

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

服务端配置

接下来，将以下代码添加到您的 Node.js Express 应用程序中：

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

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

认证提供程序

@igloo-be/netlify-cms-lib-auth 目前支持以下认证提供程序：

  • GitHub
  • GitLab
  • Bitbucket

认证提供程序应按照以下示例格式进行构建：

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

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

在使用构建好的认证提供程序之前，请先将其添加到 @igloo-be/netlify-cms-lib-auth.createAuthHandler 构造函数中。

配置 Netlify CMS

最后，在 Netlify CMS 配置文件中添加以下内容：

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

示例

以下是一个完整的示例，演示如何使用 GitHub 作为认证提供程序：

index.js

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

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

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

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

server.js

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

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

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

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

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

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

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

总结

希望通过本文的阐述，能够帮助您更好地理解 @igloo-be/netlify-cms-lib-auth 的使用方法。通过该库，您可以更加灵活地使用任何认证提供程序，并且可以轻松地将它集成到现有的 Netlify CMS 应用程序中。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5451ab1864dac66957

阅读全文

猜你喜欢

  • npm 包 uno-serverless-aws 使用教程

    什么是 uno-serverless-aws？ uno-serverless-aws 是一个基于 AWS Lambda 和 API Gateway 的无服务器（Serverless）应用程序框架。

    3 年前
  • npm 包 uno-serverless-azure 使用教程

    前言 Uno Serverless 是一个基于 .NET 平台的开源框架，能够帮助开发者快速构建可扩展且易于维护的服务端应用程序。Uno Serverless-azure 则是 uno-serverl...

    3 年前
  • npm 包 tmt-date-range2 使用教程

    前言 在前端开发中，日期范围选择是一个常见的需求，而 tmt-date-range2 是一个方便易用的 npm 包，提供了日期范围选择的功能。本文将详细介绍如何使用 tmt-date-range2 实...

    3 年前
  • npm包yalo-cache-redis使用教程

    在日常的前端开发中，缓存技术通常是不可或缺的一部分。而yalo-cache-redis这个npm包，则是一种基于Redis的缓存方案，可以有效地提升前端应用程序的访问速度和性能。

    3 年前
  • npm 包 handle-events 使用教程

    在前端开发中，event（事件）是非常重要的一个概念。为了更好地处理和管理事件，我们通常会使用一些工具。而 handle-events 就是其中之一，它是一个用于处理事件的 npm 包，可以简化事件管...

    3 年前
  • npm 包 @kingjs/descriptor.map 使用教程

    简介 在前端开发中，我们经常会需要对 Javascript 对象进行处理和操作。而这里所说的对象，指的是一个包含多个属性和值的集合。而通过 Javascript 中的 Object 标准对象，我们可以...

    3 年前
  • npm 包 node-nuke 使用教程

    简介 node-nuke 是一个 npm 包，用于快速删除指定目录下的所有文件和文件夹。它是一个简单易用的工具，具有高效、可靠的特点。在前端开发中，使用 node-nuke 可以轻松地清除缓存、删除不...

    3 年前
  • npm 包 create-shopify-data 使用教程

    前言 在 Shopify 开发中，经常需要在本地环境中模拟一些 Shopify 数据，或者进行一些自动化的测试工作。create-shopify-data 就是一个 npm 包，专门用来生成 Shop...

    3 年前
  • npm 包 databytes 使用教程

    前言 在前端开发中，我们经常需要处理数据以及进行数据可视化。为了方便快捷地实现数据操作和可视化，我们可以使用一些常用的工具库和框架。其中，一个非常有用的 npm 包就是 databytes。

    3 年前
  • npm 包 i-image-upload 使用教程

    在前端开发过程中，我们通常需要处理图片上传的问题。而 i-image-upload 这个 npm 包提供了一种简便的方式来实现图片上传功能。本文将介绍如何使用 i-image-upload 这个 np...

    3 年前
  • npm 包 ngx-gallery-gocodee 使用教程

    ngx-gallery-gocodee 是一个基于 Angular 框架的图像和视频库，可以在网站和应用程序中使用。它是一个强大的库，可以使图像和视频在网站上变得容易展示和呈现。

    3 年前
  • npm 包 node-redux 使用教程

    在前端开发中，Redux 是常用的状态管理库之一。它允许开发者在应用程序中存储和管理状态，提高代码的可读性和可维护性。但是，在 React、Angular 和 Vue.js 应用程序中使用 Redux...

    3 年前
  • npm 包 uno-serverless 使用教程

    Uno-serverless 是一款前端类 npm 包，它可以帮助开发者快速构建基于 AWS Lambda serverless 服务的应用程序。本文将介绍 uno-serverless 的使用方法，...

    3 年前
  • npm 包 warrior-cors 使用教程

    简介 跨域资源共享（CORS）是一种在客户端和服务端交互时经常遇到的问题。它防止了浏览器向非同源的服务器发送请求。JavaScript 作为一种客户端脚本语言，可以通过 Ajax 对非同源的服务器发送...

    3 年前
  • npm 包 zy-react-native-directed-scrollview 使用教程

    在 React Native 开发中，处理滚动的需求是常见的。然而，React Native 自带的 ScrollView 在某些情境下会表现得非常不好，比如需要在 ScrollView 中实现水平和...

    3 年前
  • npm 包 @zhangliu/ykit-config-sourcemap 使用教程

    简介 npm 包 @zhangliu/ykit-config-sourcemap 是一个 ykit 的插件，主要用于生成 sourcemap 文件，便于前端调试。 安装 使用 npm 命令进行安装： ...

    3 年前
  • npm 包 workflow-tool-cli 使用教程

    介绍 近年来，前端的工作流程变得越来越复杂，我们需要管理的文件越来越多，因此需要有一种工具来帮助我们更有效地管理项目，提高工作效率。 workflow-tool-cli 就是一款基于 npm 发布的前...

    3 年前
  • npm 包 uno-serverless-handlebars 使用教程

    Uno Serverless Handlebars 是一个前端开发中常用的 NPM 包，它可以帮助我们在无服务化的应用中使用 Handlebars 模板引擎，实现渲染 HTML 页面的功能。

    3 年前
  • npm 包 uno-serverless-jwt 使用教程

    简介 uno-serverless-jwt 是一个基于 JSON Web Token（JWT）的轻量级认证和授权组件。提供了生成、解析和验证 JWT 的方法，可以用于前后端分离项目的认证和授权功能实现...

    3 年前
  • npm 包 uno-serverless-nunjucks 使用教程

    前言 在开发前端应用时，我们常常需要使用模板引擎来渲染页面，展示数据。而 nunjucks 是一款高效、可扩展的模板引擎，被广泛地应用于 Web 开发领域中。 但是，在使用 nunjucks 时，我们...

    3 年前

相关推荐

    暂无文章