3 |
4 | Example App - IdentityServer4 login through Angular and OpenId Connect
5 |
6 | * **Server Side**: ASP.NET Core with IdentityServer4
7 | * **Front-end**: Angular 6 with CoreUI template.
8 |
9 | Pre reqs
10 |
11 | * Net.Core 2.1
12 | * angular-cli 6+
13 |
14 | Techs:
15 |
16 | * ASP.NET Core
17 | * IdentityServer
18 | * angular-oauth2-oidc
19 | * Angular 6
20 | * CoreUI
21 |
22 | # How to run
23 |
24 | 1. Open IdentityServer4AngularOIDC.sln with Visual Studio and Run
25 | 2. Load Folder AngularOIDC with VSCode
26 | * Open terminas (CTRL + \`)
27 | * npm install
28 | * npm start
29 |
30 |
31 | More about on [ASP.NET Core - Autenticação utilizando Angular OIDC, CoreUI e IdentityServer4](https://www.brunobrito.net.br/implicity-angular-oidc-identityserver4/) - Portuguese only
32 |
--------------------------------------------------------------------------------
/AngularOIDC/src/app/views/base/carousels.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { CarouselConfig } from 'ngx-bootstrap/carousel';
3 |
4 | @Component({
5 | templateUrl: 'carousels.component.html', providers: [
6 | { provide: CarouselConfig, useValue: { interval: 1500, noPause: true } }
7 | ]
8 | })
9 | export class CarouselsComponent {
10 |
11 | myInterval: number = 6000;
12 | slides: any[] = [];
13 | activeSlideIndex: number = 0;
14 | noWrapSlides: boolean = false;
15 |
16 | constructor() {
17 | for (let i = 0; i < 4; i++) {
18 | this.addSlide();
19 | }
20 | }
21 |
22 | addSlide(): void {
23 | this.slides.push({
24 | image: `https://lorempixel.com/900/500/sports/${this.slides.length % 8 + 1}/`
25 | });
26 | }
27 |
28 | removeSlide(index?: number): void {
29 | const toRemove = index ? index : this.activeSlideIndex;
30 | this.slides.splice(toRemove, 1);
31 | }
32 |
33 | }
34 |
--------------------------------------------------------------------------------
/AngularOIDC/src/app/views/login/login-callback.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { OAuthService, AuthConfig } from "angular-oauth2-oidc";
3 | import { Router } from "@angular/router";
4 | import { authConfig } from '../../core/auth/auth.config';
5 |
6 | @Component({
7 | template: ''
8 | })
9 | export class LoginCallbackComponent implements OnInit {
10 |
11 | constructor(private oauthService: OAuthService, private router: Router) {
12 | }
13 |
14 | ngOnInit() {
15 | this.oauthService.loadDiscoveryDocument().then(() => {
16 |
17 | // This method just tries to parse the token(s) within the url when
18 | // the auth-server redirects the user back to the web-app
19 | // It dosn't send the user the the login page
20 | this.oauthService.tryLogin({onTokenReceived: () => this.router.navigate(["/dashboard"])});
21 |
22 | });
23 |
24 | }
25 | }
--------------------------------------------------------------------------------
/IdentityServer4AngularOIDC/Quickstart/Grants/GrantsViewModel.cs:
--------------------------------------------------------------------------------
1 | // Copyright (c) Brock Allen & Dominick Baier. All rights reserved.
2 | // Licensed under the Apache License, Version 2.0. See LICENSE in the project root for license information.
3 |
4 |
5 | using System;
6 | using System.Collections.Generic;
7 |
8 | namespace IdentityServer4.Quickstart.UI
9 | {
10 | public class GrantsViewModel
11 | {
12 | public IEnumerable
4 |
24 |
5 |
23 |
6 |
22 |
7 |
21 |
8 |
13 |
9 |
12 | Unauthorized
10 |You do not have access to this area.
11 |
14 |
20 |
15 |
19 |
16 |
18 | 
7 | 
6 | Welcome to IdentityServer4
7 | @*(build {version})*@
8 | 
34 | IdentityServer4
35 |