У меня есть приложение Angular 5, и я пытаюсь использовать логин Google OAuth, чтобы получить имя пользователя, а затем установить это имя пользователя в службе, которая будет использоваться как зарегистрированный пользователь.Прежде чем добавить логин, я установил значение вручную в сервисе, и это работало без проблем.Теперь я устанавливаю имя пользователя из входа в Google, похоже, что значение, которое я установил, теряется при каждом обновлении страницы (или при вызове нового экземпляра службы).
Значение возвращается правильно излогин Google (я проверил в консоли), так что я знаю, что все в порядке там.У меня сложилось впечатление, что сервисы Angular были постоянными в других модулях?Это тот случай, когда каждый раз, когда я вызываю этот сервис, он создает новую пустую переменную 'tempuser'?Если так, то есть ли способ обойти это, чтобы я мог сохранить значение во всем приложении, пока пользователь не выйдет из системы?
Это сама служба:
import { Injectable } from '@angular/core';
import { Http, Response, Headers } from "@angular/http";
@Injectable()
export class WmApiService {
//private _baseUrl = "http://wm-api.webdevelopwolf.com/"; // Test server api
private _baseUrl = "http://localhost:58061/"; // Dev server api
tempuser = "";
tempuseravatar = "";
tempuserfullname = "";
tempuseremail = "";
userloggedin = 0;
modules: any;
constructor(private _http: Http) {
console.log('Wavemaker API Initialized...');
}
// On successful API call
private extractData(res: Response) {
let body = res.json();
return body || {};
}
// On Error in API Call
private handleError(error: any): Promise<any> {
console.error('An error occurred', error);
return Promise.reject(error.message || error);
}
// Basic Get W/ No Body
getService(url: string): Promise<any> {
return this._http
.get(this._baseUrl + url)
.toPromise()
.then(this.extractData)
.catch(this.handleError);
}
// Basic Post W/ Body
postService(url: string, body: any): Promise<any> {
console.log(body);
let headers = new Headers({'Content-Type': 'application/json'});
return this._http
.post(this._baseUrl + url, body, {headers: headers})
.toPromise()
.then(this.extractData)
.catch(this.handleError);
}
}
И простой примергде это будет называться:
import { Component, OnInit } from '@angular/core';
import { WmApiService } from '../../wm-api.service';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
userSignedToJourney: boolean;
constructor(private _wmapi: WmApiService) { }
ngOnInit() {
this.userRegisteredToJourney();
}
// Check if Trailblazer is already on Journey
userRegisteredToJourney() {
this._wmapi
.getService("Journey/TrailblazerRegistered/" + this._wmapi.tempuser)
.then((result) => {
if (result == 1) this.userSignedToJourney = true; else this.userSignedToJourney = false;
})
.catch(error => console.log(error));
}
}
И пользовательское временное значение задается так:
import { Component, OnInit } from '@angular/core';
import { WmApiService } from '../wm-api.service';
import { Router } from "@angular/router";
declare const gapi: any;
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
constructor(private _wmapi: WmApiService, private router: Router) { }
public auth2: any;
userProfile: any;
user: any;
// Initalise Google Sign-On
// NOTE: Currently registered to http://localhost:4200/ - will need to change when on server to final URL
public googleInit() {
gapi.load('auth2', () => {
this.auth2 = gapi.auth2.init({
client_id: '933803013928-4vvjqtql0nt7ve5upak2u5fhpa636ma0.apps.googleusercontent.com',
cookiepolicy: 'single_host_origin',
scope: 'profile email',
prompt: 'select_account consent'
});
this.attachSignin(document.getElementById('googleBtn'));
});
}
// Log user in via Google OAuth 2
public attachSignin(element) {
this.auth2.attachClickHandler(element, {},
(googleUser) => {
// Get profile from Google
let profile = googleUser.getBasicProfile();
// Save user to the API until changed
this._wmapi.tempuser = profile.getName().match(/\(([^)]+)\)/)[1];
this._wmapi.tempuseravatar = profile.getImageUrl();
this._wmapi.tempuserfullname = profile.getName();
this._wmapi.tempuseremail = profile.getEmail();
// Log the user in
this._wmapi.userloggedin = 1;
// Redirect to dashboard
this.router.navigate(['/dashboard']);
}, (error) => {
alert(JSON.stringify(error, undefined, 2));
// To get auth token - googleUser.getAuthResponse().id_token;
// To get user id - profile.getId();
});
}
ngAfterViewInit(){
this.googleInit();
}
ngOnInit() {
}
}