AngularJS 的 OAuth2 模块 angular-oauth2

怼烎@ 2022-05-20 08:19 198阅读 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 条评论，198人围观）

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

相关阅读

相关 OAuth2

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

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

相关【oauth2】oauth2接入流程

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

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

相关 oauth2的使用

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

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

相关 oauth2笔记

【1】OAuth 2.0 【2】OAuth2四种授权模式【3】Spring OAuth2.0 【4】springcloud-OAuth 2.0 配置【5】生

￡神魔★判官ぃ/ 2022年12月03日 15:45/ 0 赞/ 120 阅读

相关 Oauth2.0 用Spring-security-oauth2

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

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

相关 AngularJS 的 OAuth2 模块 angular-oauth2

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

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

相关 Oauth2的定义

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

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

相关 OAUTH1 OAUTH2 compare

\[b\]More OAuth Flows to allow better support for non-browser based applications\[/b\].

迷南。/ 2022年04月12日 11:19/ 0 赞/ 170 阅读

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

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

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

相关 Oauth2简介

一、简介 oAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是： oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名

￡神魔★判官ぃ/ 2022年01月27日 02:15/ 0 赞/ 210 阅读