AngularJS 的 OAuth2 模块 angular-oauth2

怼烎@ 2022-05-20 08:19 295阅读 0赞

angular-oauth2 详细介绍

angular-oauth2 是 [AngularJS][] 的 OAuth2 认证模块，使用 ES6 编写。

使用方法：

1. 引入 js 库：

<script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-cookie/dist/angular-cookie.min.js"></script>
    <script src="bower_components/query-string/query-string.min.js"></script>
    <script src="bower_components/angular-oauth2/dist/angular-oauth2.min.js"></script>

2. 配置 OAuth 和 OAuthToken

angular.module('myApp', ['angular-oauth2'])
      .config(['OAuthProvider', function(OAuthProvider) {
        OAuthProvider.configure({
          baseUrl: 'https://api.website.com',
          clientId: 'CLIENT_ID',
          clientSecret: 'CLIENT_SECRET',
        });
      }]);

3. 错误处理：

angular.module('myApp', ['angular-oauth2'])
      .run(['$rootScope', '$window', function($rootScope, $window) {
        $rootScope.$on('oauth:error', function(event, rejection) {
          // Ignore `invalid_grant` error - should be catched on `LoginController`.
          if ('invalid_grant' === rejection.data.error) {
            return;
          }
    
          // Redirect to `/login` with the `error_reason`.
          return $window.location.href = '/login?error_reason=' + rejection.data.error;
        });
      }]);

[AngularJS]: http://www.oschina.net/p/angularjs

发表评论取消回复

表情：

评论列表（有 0 条评论，295人围观）

还没有评论，来说两句吧...

相关阅读

相关 OAuth2

1.什么是OAuth2 OAUTH协议为用户资源的授权提供了一个安全的、开放而又简易的标准。同时，任何第三方都可以使用OAUTH认证服务，任何服务提供商都可以实现自身的O

ゞ浴缸里的玫瑰/ 2024年03月26日 14:18/ 0 赞/ 103 阅读

相关【OAuth2】三、OAuth2配置解读

一、常见的配置截图 ![在这里插入图片描述][6149f563f8f04973ac394642b5915dbb.png] 1、Registration（注册）表中

约定不等于承诺〃/ 2023年10月09日 14:33/ 0 赞/ 47 阅读

相关【OAuth2】二、OAuth2.1

前言 OAuth2.0现在越来越流行了，特别在微服务大行其道的情况下。不过OAuth2.0太老了，最初的OAuth2.0规范于 2012 年 10 月以RFC 6749

谁践踏了优雅/ 2023年10月09日 14:33/ 0 赞/ 56 阅读

相关【OAuth2】二、OAuth2的授权方式

这里写目录标题一、OAuth2的角色二、认证流程三、授权模式四、OAuth2的使用场景五、OAuth2 的一些要点

你的名字/ 2023年10月09日 14:33/ 0 赞/ 37 阅读

相关【oauth2】oauth2接入流程

> `前言` 转载自：[https://blog.csdn.net/yichengjie\_c/article/details/112102679][https_blog.c

心已赠人/ 2023年01月09日 01:08/ 0 赞/ 185 阅读

相关 oauth2的使用

oauth2.0的使用 1 oauth2介绍 oauth是一个协议，它允许第三方网站无需获取用户的用户名和密码即可申请授权获取用户的资源信息，非常安全。比如我们常见

朱雀/ 2022年12月13日 14:04/ 0 赞/ 205 阅读

相关 Oauth2.0 用Spring-security-oauth2

上周，我想开发OAuth 2.0的一个实例。我检查了Spring-security-Oauth2.0的样例，OAuth 2提供商sparklr2和OAuth 2客户端TONR

谁借莪１个温暖的怀抱￠/ 2022年05月27日 13:37/ 0 赞/ 271 阅读

相关 AngularJS 的 OAuth2 模块 angular-oauth2

angular-oauth2 详细介绍 angular-oauth2 是 [AngularJS][] 的 OAuth2 认证模块，使用 ES6 编写。使用方法： 1.

怼烎@/ 2022年05月20日 08:19/ 0 赞/ 296 阅读

相关 Oauth2的定义

什么是Oauth2.0 用于REST/APIs的`代理授权框架`(Delegated authorization framework) 基于令牌Token的授

快来打我*/ 2022年05月15日 04:28/ 0 赞/ 200 阅读

相关 Springboot 集成oauth2多模块打包时候，oauth2模块内容始终不能被加载.

1. 执行出错的顺序，导致我的oauth2内容始终不能被执行。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

爱被打了一巴掌/ 2022年02月02日 11:39/ 0 赞/ 223 阅读