Как использовать функцию готовности устройства cordova внутри http-перехватчика - PullRequest
Новая
       29

Как использовать функцию готовности устройства cordova внутри http-перехватчика

0 голосов
/ 20 января 2020

Я конвертирую свое приложение angular 8 в приложение android. В приложении android я не могу использовать 'ngx-cookie-service', поэтому я должен использовать cordova-plugin-cookiemaster. Поэтому мне нужно знать, какую платформу я использую внутри моего http-перехватчика, чтобы я мог решить, использовать ли ngx-cookie-service или cordova-plugin-cookiemaster. Вот мой код перехватчика 

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpHandler, HttpRequest, HttpEvent, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { CookieService } from 'ngx-cookie-service';
import { environment } from '../../../environments/environment';
declare var cookieMaster;

@Injectable()
export class Interceptor implements HttpInterceptor {
  device = {};
  domain = environment.domain;
  constructor(
    private cookieService: CookieService,
  ) { }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    let token = '';
    token = this.cookieService.get('tolotoken');
    console.log(this.getCookie());
    // if (this.device['platform'] === 'Android') {
    //   this.getCookie();
    // } else {
    // }
    if (token) {
      request = request.clone({ headers: request.headers.set('Authorization', 'Bearer ' + token) });
    }
    if (!request.headers.has('Content-Type')) {
      request = request.clone({ headers: request.headers.set('Content-Type', 'application/json') });
    }
    request = request.clone({ headers: request.headers.set('Accept', 'application/json') });
    return next.handle(request).pipe(
      map((event: HttpEvent<any>) => {
        if (event instanceof HttpResponse) {
        }
        return event;
      }));
  }

  getCookie() {
    cookieMaster.getCookieValue(this.domain, 'tolotoken', (data) => {
      console.log(data);
    }, (error) => {
      if (error) {
        console.log('error: ' + error);
      }
    });
  }
}

И я написал cordova-device-ready-ready в обслуживании 

import { Injectable, OnInit } from '@angular/core';
declare var device;

@Injectable({
  providedIn: 'root'
})
export class UtilityService implements OnInit {
  _device = {};
  constructor() { }

  ngOnInit() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
  }
  onDeviceReady() {
    this._device = device;
    console.log(device);
  }
  getDevice() {
    return this._device;
  }

}

И я попытался использовать этот сервис внутри Http-перехватчика, введя утилиту сервис, но не работал устройство всегда пусто. Есть ли способ найти информацию об устройстве? Или какие-то другие идеи, чтобы решить, какой сервис повара ie будет использоваться? Спасибо.

1 Ответ

1 голос
/ 23 февраля 2020

Просто используйте @ angular / cdk / platform 

import { Platform } from "@angular/cdk/platform";
...
constructor(private platform:Platform){}
...
if(this.platform.ANDROID){
//call your cookie method
}

И если вам нужна дополнительная функциональность ondeviceready, просто добавьте это в свой main.ts (например, если вы используете cordova) 

const bootstrap = () => {
  platformBrowserDynamic().bootstrapModule(AppModule);
};

if (typeof window["cordova"] !== "undefined") {
  document.addEventListener(
    "deviceready",
    () => {
      bootstrap();
    },
    false
  );
} else {
  bootstrap();
}

Подробнее об этом: https://material.angular.io/cdk/platform/api

...