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 包 @igloo-be/netlify-cms-widget-boolean 使用教程

    前言 @igloo-be/netlify-cms-widget-boolean 是一个基于 Bool 类型的布尔型组件,常见于使用 Netlify CMS 时对于一些布尔型数据的输入。

    3 年前
  • npm 包 @igloo-be/netlify-cms-widget-number 使用教程

    前言 在如今互联网迅速发展的时代,网站建设已经成为各行各业都需要的一项技能。而网站建设也需要前端工程师的背景知识和技术实力。在实际的网站构建中,经常涉及到网站的交互功能,而其中之一便是输入数字。

    3 年前
  • npm 包 @konfy/vue-ui 使用教程

    简介 @konfy/vue-ui 是一套基于 Vue.js 开发的前端 UI 组件库,其中包含了许多常用的 UI 组件,如按钮、表单、弹窗等,方便开发者快速搭建页面和进行开发。

    3 年前
  • npm 包 amp-validator-webmaster 使用教程

    简介 amp-validator-webmaster 是一个 NPM 包,它提供了一个简单的方法来验证 AMP 页面是否符合 Google 开发的 AMP HTML 规范。

    3 年前
  • npm 包 vuepress-theme-egoist 使用教程

    介绍 vuepress-theme-egoist 是一款适用于 VuePress 的主题,由知名开源作者 EGOIST 开发,它具有响应式设计,易于自定义,具有良好的可读性和可用性等特点。

    3 年前
  • npm 包 fourthpu 使用教程

    在前端开发中,很多时候需要使用一些常见的功能,如日期格式化、正则验证、字符串操作等,这时候我们需要编写大量的代码来完成这些操作。为了方便开发者,社区中已经有很多开源的第三方库来实现这些常见的功能,其中...

    3 年前
  • npm 包 express-boilerplate-mvc 使用教程

    简介 express-boilerplate-mvc 是一个帮助你快速搭建 Node.js Web 应用程序的 npm 包。它基于 Express 框架,采用 MVC 设计模式,具有良好的可扩展性和可...

    3 年前
  • npm 包 react-native-whatsapp-textinput 使用教程

    React Native 是一种基于 JavaScript 和 React 的开发框架,可以用于构建与原生应用相同外观和功能的移动应用。而 react-native-whatsapp-textinpu...

    3 年前
  • npm 包 alfred-ascii 使用教程

    介绍 alfred-ascii 是一款基于 Alfred Workflow 平台的 npm 包,它可以将用户输入的字符串转换成 ASCII 艺术字,并将结果展示在 Alfred 搜索框中。

    3 年前
  • npm包kin-redis-cli使用教程

    前言 Redis是一种常见的键值存储和缓存数据库,常在Web应用程序中作为数据库使用。而Kin-redis-cli是一个基于Node.js的Redis客户端命令行工具,它可以方便地与Redis服务器进...

    3 年前
  • npm包lodown-vbraun使用教程

    什么是npm包? npm包指的是Node.js模块,是Node.js的标准模块管理工具。它使得我们能够方便地找到和安装第三方模块,同时也能够方便地分享自己开发的模块。

    3 年前
  • npm包 @igloo-be/netlify-cms-widget-list使用教程

    简介 @igloo-be/netlify-cms-widget-list是一个可嵌入Netlify自定义管理系统中的npm包,可以用于快速创建列表形式的自定义部件。

    3 年前
  • npm 包 @kinkajou/kinkajou 使用教程

    介绍 @kinkajou/kinkajou 是一个基于 React 和 Redux 的前端 UI 组件库,它提供了一系列常用的 UI 组件,如按钮、表格、对话框、表单等,能够帮助开发者快速搭建漂亮、易...

    3 年前
  • npm 包 angularjs-mn 使用教程

    前言 在 Web 开发中,前端框架是不可或缺的部分,而 Angular.js 是其中的佼佼者。然而,Angular.js 的使用相对来说比较复杂,而 npm 包 angularjs-mn 的出现则为开...

    3 年前
  • npm 包 @nechehin/lazyload 使用教程

    介绍 图片懒加载是一种常用的前端优化技术,可以优化网页的加载速度,提升用户体验。@nechehin/lazyload 是一款用于实现图片懒加载的 npm 包,提供了简单易用的 API 和丰富的配置选项...

    3 年前
  • npm 包 Taro-fetch 使用教程

    前言 Taro-fetch 是一个 Taro 框架下的网络请求库。该库的主要特点是拥有多种请求方式和拦截器的支持,还支持自定义错误处理和全局 Loading 展示等等。

    3 年前
  • npm 包 lead-ip-helper 使用教程

    前言 在 Web 开发过程中,经常需要获取用户的 IP 地址,以便进行相应的业务处理。在某些业务场景下,甚至需要判断用户所在的地理位置。这时候,我们就需要使用一些工具来获取 IP 地址并进行相应的解析...

    3 年前
  • npm 包 pwinty-api 使用教程

    前言 pwinty-api 是一个适用于 JavaScript 的 npm 包,可以用于简化 Pwinty 打印服务的 API 请求。在本文中,我们将详细讲解如何使用该 npm 包。

    3 年前
  • npm 包 sync-here 使用教程

    在前端开发中,我们经常需要使用一些 npm 包来帮助我们实现一些功能。sync-here 就是一个非常有用的 npm 包,它可以让我们在代码中同步使用“here”的常量。

    3 年前
  • npm 包 formatter-json 使用教程

    背景 在前端开发中,我们经常会遇到需要处理 JSON 数据的情况,例如从后端接口获取的数据,或者我们需要将一些数据转化为 JSON 格式并传输到后端。但是,在处理 JSON 数据时,我们经常会遇到一些...

    3 年前

相关推荐

    暂无文章