npm 包 @msiebuhr/angular-enforcer 使用教程

简介

@msiebuhr/angular-enforcer npm 包是一个 Angular 应用程序的 ISP 认证包,该认证包与 Auth0 的认证后端集成,并使用 OAuth2 协议进行身份验证。该 npm 包提供了 Angular 应用程序的保护功能,只有已身份验证的用户才能访问特定的应用程序。

安装

可以使用 npm 安装 @msiebuhr/angular-enforcer 包。

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

配置

该 npm 包的使用需要进行配置。下面列举了最基本的配置选项:

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

------ ----- ----------- - -
    ----------- ------
    ------------ --------------------
    ----- --- ------------
        ------- --------------------
        --------- -----------------------
        --------- ----------------------
        ------ ------- ------- -------
        ----------------- -----
        ------------ -----------------------
--
属性 类型 描述
domain string Auth0 租户的域名。
clientId string Auth0 应用程序的客户端 ID。
audience string 应用程序的证伪服务器使用的 API 资源标识。
scope string 请求访问的范围。
useRefreshTokens boolean 是否启用刷新令牌。
redirectUri string 重定向 URI。

用法

在 Angular 应用程序中,只需引入 MsiebuhrEnforcerModule 模块,并在 AppModule 中将其添加到导入数组中即可。

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

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

随后,使用 MsiebuhrEnforcerService 进行 ISP 认证。下面是一个获取受保护资源的示例:

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

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

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

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

在上述示例中,当用户成功身份验证,将可以接收到 /myprotectedresource 资源的响应。

结论

使用 npm 包 @msiebuhr/angular-enforcer,我们可以轻松保护 Angular 应用程序,只有已身份验证的用户才能访问特定的应用程序。本文中提供了该 npm 包的安装、配置和用法,希望对您有所帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005668281e8991b448e2a8d


猜你喜欢

  • npm 包 object-autocorrect 使用教程

    作为前端开发者,经常需要处理对象数据。当我们得到一份对象数据时,可能会出现属性拼写错误、属性名称大小写不一致等问题,这些问题需要手动进行修正。针对这个问题,我们可以使用 npm 包 object-au...

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

    React-redux-universal 是一个用于开发 react 应用程序的 npm 包。它是基于 React、Redux 和 Webpack 的,帮助你快速构建一个具有高度可扩展性和灵活性的应...

    3 年前
  • npm包@thefoxjob/js-service-provider使用教程

    介绍 在前端开发中,我们常常需要获取服务端提供的数据。而@thefoxjob/js-service-provider是一个npm包,它为前端UI组件提供了一种简单、轻量级的数据服务提供方式。

    3 年前
  • 前端必备工具:npm 包 alpucka 使用教程

    在现代前端开发中,npm 是一个必不可少的工具,除了可以用来安装各种开源库和框架,还可以用来发布自己的模块,方便其他开发者使用。而 alpucka 是一个快速构建 web 应用的 npm 包,它提供了...

    3 年前
  • npm包zerd-ioredis使用教程

    在前端开发中,我们经常需要用到Redis作为数据存储的工具。而ioredis是一个很不错的Redis客户端,可以帮助我们在JavaScript中方便地操作Redis。

    3 年前
  • npm 包 `failables` 使用教程

    在前端开发中,我们经常需要处理一些异步操作。而异步操作的结果有可能是成功的,也有可能是失败的。在处理异步操作时,我们需要判断操作是否成功,以便做出相应的处理。而在判断操作是否成功时,我们需要使用一些方...

    3 年前
  • npm 包 vectorinox 使用教程

    介绍 Vectorinox 是一个专为前端开发人员设计的 npm 包,可以帮助您在项目中快速创建、编辑和操作矢量图形。它使用现代的 HTML5 Canvas 技术,支持多种图形格式,包括 SVG、PN...

    3 年前
  • npm 包 shopping-cart 使用教程

    简介 npm 是 JavaScript 的包管理工具,可以帮助我们方便地安装和管理各种 JavaScript 包。shopping-cart 是一个 npm 包,可以方便地在你的网站上添加购物车功能。

    3 年前
  • npm 包 aws-sigv4-ec2meta 使用教程

    在前端开发中,经常会涉及到使用云服务的 API 进行数据交互。其中,使用 AWS 云服务 API 的开发者就需要使用 AWS 签名 V4 签名算法来保证请求的安全性。

    3 年前
  • npm 包 angular2-windows 使用教程

    在前端开发中,我们有时需要在 Angular 应用中创建可弹出窗口的功能。而 npm 包 angular2-windows 正是为方便实现该功能而开发的。本文将介绍如何安装和使用该 npm 包,并提供...

    3 年前
  • npm 包 affinity-engine-stage-direction-image 使用教程

    简介 affinity-engine-stage-direction-image 是一款由 Affinity Engine 社区开发的 npm 包,其主要功能是实现在 Affinity Engine ...

    3 年前
  • npm 包 node-red-contrib-pilight 使用教程

    什么是 node-red-contrib-pilight? node-red-contrib-pilight 是一款基于 Node.js 平台的 npm 包,能够帮助前端开发者简单快捷地在 Node-...

    3 年前
  • npm 包 rc-slider-rtl 使用教程

    rc-slider-rtl 是一个用于 React 应用的滑动条组件。它支持从右向左(RTL)的布局,可以自定义样式和响应式布局,并提供方便的回调函数和事件处理功能。

    3 年前
  • npm 包 webgram 使用教程

    前言 在现代化的 Web 应用开发中,前端开发工作流程的自动化、模块化和管理已经成为越来越重要的需求。Npm 是最常用的包管理器之一,可以方便用户从一个中心化的地方管理、安装和更新所有的依赖包。

    3 年前
  • npm 包 execute-once 使用教程

    前言 在前端开发过程中,我们经常会使用 npm 包管理工具来安装和管理第三方依赖的库。其中,execute-once 是一款非常实用的 npm 包,它可以让我们控制一段代码只执行一次,避免重复执行造成...

    3 年前
  • npm 包 basket-simulation 使用教程

    作为一名前端工程师,我们经常会使用第三方库来实现一些功能,而 npm 就是这样一个方便我们管理第三方库的工具。在这篇文章中,我将介绍一个名为 basket-simulation 的 npm 包,它可以...

    3 年前
  • npm 包 keyz 使用教程

    前言 在前端开发中,我们经常需要处理对象的键值对,例如从后端 API 接口返回的数据,我们要根据其数据结构进行数据处理,进行数据展示。然而,JavaScript 中只有通过遍历对象的键值对才能进行处理...

    3 年前
  • npm 包 kspcfg 使用教程

    在前端开发中,经常需要进行配置文件的读取和管理。而 kspcfg 是一个可以方便地读取配置文件的 npm 包,本文将为大家介绍如何使用该包,并分享一些深入的学习和指导意义。

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

    简介 Node.js 是一个流行的 JavaScript 运行环境,用于服务器端和客户端的 JavaScript 开发。npm 是 node.js 的包管理工具,提供了各种各样的 node.js 扩展...

    3 年前
  • 使用 react-inspect-props 包进行 React 属性调试

    React 是一个非常流行的前端框架,用于构建大型 Web 应用程序。在 React 中,我们通常通过将属性传递给组件来控制组件的行为和样式。而这些属性有时候会被意外修改,导致组件出现异常行为。

    3 年前

相关推荐

    暂无文章