то есть

ользую аутентификацию на основе токенов, и токен уже сохранен в БД.

Когда приложение запускается, мне нужно извлечь токен из БД и сделать его доступным перед вызовами API.

Какой лучший способ сделать это:

В компоненте:

ngOnit() {
storage.get('token').then((val) => {
    Make api call here 
});
}

Или в общем сервисе:

getToken() {
    return Promise((resolve, reject)=>{
       #if fetched once save in local var and resolve token  
       #or fetch from DB and resolve token  
    })
}

// On Component
this.sharedService.getToken().then((token)=>{
  //Make api call
}

Можно ли каким-то образом убедиться, что токен БД извлекается и сохраняется в общих службах перед загрузкой представления? Storage.get - это «обещание ES6»

Обеспокоенность вызывает ответственность за загрузку токена до того, как представление загрузки перерастает в любое событие начальной загрузки, поэтому onViewLoad не нужно определять в каждом компоненте.

Ответы на вопрос(1)

Решение Вопроса

Я создалApiService заCRUD как ниже.code не требует пояснений, и если вам нужна дополнительная информация, пожалуйста, дайте мне знать.

API-service.ts

import { Injectable, } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Headers, RequestOptions, BaseRequestOptions } from '@angular/http';
import { Storage } from '@ionic/storage';
import { Events } from 'ionic-angular';

@Injectable()
export class ApiService {

    constructor(private http: Http, private storage: Storage, private events: Events) { }

    createHeader(headers: Headers) {
        return new Promise((resolve, reject) => {
            this.storage.get('loggedInUser')
                .then((token: any) => {
                    if (token) headers.append('Authorization', 'token ' + token.token);
                    resolve(headers);
                }, err => {
                    resolve(headers);
                });
        });
    }

    get(api) {
        let header = new Headers();
        return Observable.fromPromise(this.createHeader(header))
            .map(() => {
                let options = new BaseRequestOptions();
                options.withCredentials = true;
                options.headers = header;
                return options
            })
            .switchMap((options) => this.http.get(api, options))
            .catch((err: Error | Response) => {
                if (err instanceof Response && err.status === 401) {
                    this.events.publish('token-expiration');
                }
                return Observable.throw(err);
            });
    }

    post(url, params): Observable<any> {
        return new Observable(observer => {
            let header = new Headers();
            this.createHeader(header)
                .then(() => {
                    let options = new RequestOptions({ headers: header });
                    this.http.post(url, params, options)
                        .subscribe(response => {
                            observer.next(response);
                            observer.complete();
                        }, (e) => {
                            observer.error(e);
                        });
                })
        })
    }

    delete(url) {
        return new Observable(observer => {
            let header = new Headers();
            this.createHeader(header)
                .then(() => {
                    return this.http.delete(url, { headers: header, withCredentials: true })
                        .subscribe(response => {
                            observer.next(response);
                            observer.complete();
                        });
                })
        });
    }

}

Здесь я создалloggedInUser хранилище, когда пользователь вошел в приложение. Это такжеprovider как показано ниже.

социал-login.ts

import { Injectable } from '@angular/core';
import { ApiService } from "../providers";
import { LocalCacheServiceProvider } from "../local-cache-service/local-cache-service";
import { UserService } from "../user-provider";
import { Storage } from '@ionic/storage';


@Injectable()
export class SocialLoginProvider {

  constructor(private apiService: ApiService, private localCacheService: LocalCacheServiceProvider, private userService: UserService, private storage: Storage) {
  }

  //login To App
  loginToApp(url: string, data: string) {
    this.apiService.post(url, { access_token: data })
      .map((res: any) => res.json())
      .subscribe(res => {
        this.setUserLocally(res);
      });
  }

  //set User Locally
  setUserLocally(user) {
    this.localCacheService.clearAllKeys().then(() => {
      this.userService.setLoggedInUser(user);
      this.storage.set('loggedInUser', user);
    });
  }
}

После этого я могу потреблять вышеуказанную услугу (т.е.ApiServiceчерез любую из моихprovider (заCRUD операции), как показано ниже.

ЭтоArticleService.

Статья-service.ts

import { Injectable } from '@angular/core';
import { Observable } from "rxjs/Observable";
import 'rxjs/add/operator/map';
import { config } from '../config/config';
import { ApiService } from './api-service';


@Injectable()
export class ArticleService {

    constructor(private apiService: ApiService) {
    }

   getBookById(id) {
        return this.apiService.get(`${config.getBookById}${id}/`).map((res: any) => res.json());
    }  
}

Вышеописанный подход прекрасно работает для меня. Надеюсь, что этот подход вам тоже поможет. Если вам нужна дополнительная помощь, пожалуйста, дайте мне знать.

 Sampath12 окт. 2017 г., 08:35
Я думаю, что это лучше всего, когда мы рассматриваем безопасность приложения. Я не вижу здесь никаких проблем с производительностью. А также вы можете легко обрабатывать прецедент истечения срока действия токена. Видеть.catch((err: Error | Response) => { if (err instanceof Response && err.status === 401) { this.events.publish('token-expiration'); } return Observable.throw(err); });
 Sampath12 окт. 2017 г., 20:22
Да, на самом деле я сохранилtoken внутриlocalstorage то естьloggedInUser.
 joHN12 окт. 2017 г., 06:42
Мне нравится концепция получения и добавления токена из службы API, а не из каждого компонента. Но не является ли получение токена напрямую из db каждый раз, когда это служебная нагрузка, могу ли я использовать его для хранения в локальной переменной после получения?

Ваш ответ на вопрос