2 |
15 |
3 |
7 | 4 | {{ currentUser.displayName }} Profile 5 |
6 |8 | Email: {{ currentUser.email }} 9 |
10 | Roles: 11 |-
12 |
- {{ role }} 13 |
2 |
22 |
--------------------------------------------------------------------------------
/angular-11-social-login/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, waitForAsync } from '@angular/core/testing';
2 | import { RouterTestingModule } from '@angular/router/testing';
3 | import { AppComponent } from './app.component';
4 |
5 | describe('AppComponent', () => {
6 | beforeEach(waitForAsync(() => {
7 | TestBed.configureTestingModule({
8 | imports: [
9 | RouterTestingModule
10 | ],
11 | declarations: [
12 | AppComponent
13 | ],
14 | }).compileComponents();
15 | }));
16 |
17 | it('should create the app', () => {
18 | const fixture = TestBed.createComponent(AppComponent);
19 | const app = fixture.componentInstance;
20 | expect(app).toBeTruthy();
21 | });
22 |
23 | it(`should have as title 'Angular10SocialLogin'`, () => {
24 | const fixture = TestBed.createComponent(AppComponent);
25 | const app = fixture.componentInstance;
26 | expect(app.title).toEqual('Angular10SocialLogin');
27 | });
28 |
29 | it('should render title', () => {
30 | const fixture = TestBed.createComponent(AppComponent);
31 | fixture.detectChanges();
32 | const compiled = fixture.nativeElement;
33 | expect(compiled.querySelector('.content span').textContent).toContain('Angular10SocialLogin app is running!');
34 | });
35 | });
36 |
--------------------------------------------------------------------------------
/spring-boot-oauth2-social-login/src/main/java/com/javachinna/security/oauth2/user/OAuth2UserInfoFactory.java:
--------------------------------------------------------------------------------
1 | package com.javachinna.security.oauth2.user;
2 |
3 | import java.util.Map;
4 |
5 | import com.javachinna.dto.SocialProvider;
6 | import com.javachinna.exception.OAuth2AuthenticationProcessingException;
7 |
8 | public class OAuth2UserInfoFactory {
9 | public static OAuth2UserInfo getOAuth2UserInfo(String registrationId, Map
3 | 
4 |
19 |
21 | 
4 |
19 | Welcome {{currentUser.displayName}}
Logged in as {{ currentUser.roles }}.
20 | Logged in as {{ currentUser.roles }}.
2 |
21 |
--------------------------------------------------------------------------------
/angular-11-social-login/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { RegisterComponent } from './register/register.component';
5 | import { LoginComponent } from './login/login.component';
6 | import { HomeComponent } from './home/home.component';
7 | import { ProfileComponent } from './profile/profile.component';
8 | import { BoardUserComponent } from './board-user/board-user.component';
9 | import { BoardModeratorComponent } from './board-moderator/board-moderator.component';
10 | import { BoardAdminComponent } from './board-admin/board-admin.component';
11 | import { TotpComponent } from './totp/totp.component';
12 |
13 | const routes: Routes = [
14 | { path: 'home', component: HomeComponent },
15 | { path: 'login', component: LoginComponent },
16 | { path: 'register', component: RegisterComponent },
17 | { path: 'profile', component: ProfileComponent },
18 | { path: 'user', component: BoardUserComponent },
19 | { path: 'mod', component: BoardModeratorComponent },
20 | { path: 'admin', component: BoardAdminComponent },
21 | { path: 'totp', component: TotpComponent },
22 | { path: '', redirectTo: 'home', pathMatch: 'full' }
23 | ];
24 |
25 | @NgModule({
26 | imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
27 | exports: [RouterModule]
28 | })
29 | export class AppRoutingModule { }
30 |
--------------------------------------------------------------------------------
/angular-11-social-login/src/app/totp/totp.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { AuthService } from '../_services/auth.service';
3 | import { TokenStorageService } from '../_services/token-storage.service';
4 |
5 |
6 | @Component({
7 | selector: 'app-totp',
8 | templateUrl: './totp.component.html',
9 | styleUrls: ['./totp.component.css']
10 | })
11 | export class TotpComponent implements OnInit {
12 |
13 | form: any = {};
14 | isLoggedIn = false;
15 | isLoginFailed = false;
16 | errorMessage = '';
17 | currentUser: any;
18 |
19 | constructor(private authService: AuthService, private tokenStorage: TokenStorageService) {}
20 |
21 | ngOnInit(): void {
22 | if (this.tokenStorage.getUser()) {
23 | this.isLoggedIn = true;
24 | this.currentUser = this.tokenStorage.getUser();
25 | }
26 | }
27 |
28 | onSubmit(): void {
29 | this.authService.verify(this.form).subscribe(
30 | data => {
31 | this.tokenStorage.saveToken(data.accessToken);
32 | this.login(data.user);
33 | },
34 | err => {
35 | this.errorMessage = err.error.message;
36 | this.isLoginFailed = true;
37 | }
38 | );
39 | }
40 |
41 | login(user): void {
42 | this.tokenStorage.saveUser(user);
43 | this.isLoginFailed = false;
44 | this.isLoggedIn = true;
45 | this.currentUser = this.tokenStorage.getUser();
46 | window.location.reload();
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/angular-11-social-login/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular10-jwt-auth",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "ng": "ng",
6 | "start": "ng serve",
7 | "build": "ng build",
8 | "test": "ng test",
9 | "lint": "ng lint",
10 | "e2e": "ng e2e"
11 | },
12 | "private": true,
13 | "dependencies": {
14 | "@angular/animations": "~11.0.2",
15 | "@angular/common": "~11.0.2",
16 | "@angular/compiler": "~11.0.2",
17 | "@angular/core": "~11.0.2",
18 | "@angular/forms": "~11.0.2",
19 | "@angular/platform-browser": "~11.0.2",
20 | "@angular/platform-browser-dynamic": "~11.0.2",
21 | "@angular/router": "~11.0.2",
22 | "rxjs": "~6.5.5",
23 | "tslib": "^2.0.0",
24 | "zone.js": "~0.10.3"
25 | },
26 | "devDependencies": {
27 | "@angular-devkit/build-angular": "^0.1100.2",
28 | "@angular/cli": "~11.0.2",
29 | "@angular/compiler-cli": "~11.0.2",
30 | "@types/jasmine": "~3.6.0",
31 | "@types/jasminewd2": "~2.0.3",
32 | "@types/node": "^12.11.1",
33 | "codelyzer": "^6.0.0",
34 | "jasmine-core": "~3.6.0",
35 | "jasmine-spec-reporter": "~5.0.0",
36 | "karma": "~5.1.1",
37 | "karma-chrome-launcher": "~3.1.0",
38 | "karma-coverage-istanbul-reporter": "~3.0.2",
39 | "karma-jasmine": "~4.0.0",
40 | "karma-jasmine-html-reporter": "^1.5.0",
41 | "protractor": "~7.0.0",
42 | "ts-node": "~8.3.0",
43 | "tslint": "~6.1.0",
44 | "typescript": "~4.0.5"
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/angular-11-social-login/src/app/_helpers/auth.interceptor.ts:
--------------------------------------------------------------------------------
1 | import { HTTP_INTERCEPTORS, HttpEvent } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse } from '@angular/common/http';
4 | import { Router } from '@angular/router';
5 | import { TokenStorageService } from '../_services/token-storage.service';
6 | import {tap} from 'rxjs/operators';
7 | import { Observable } from 'rxjs';
8 |
9 | const TOKEN_HEADER_KEY = 'Authorization';
10 |
11 | @Injectable()
12 | export class AuthInterceptor implements HttpInterceptor {
13 | constructor(private token: TokenStorageService, private router: Router) {
14 |
15 | }
16 |
17 | intercept(req: HttpRequest
22 |
24 |