首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在http拦截器中使用cordova设备就绪功能?

如何在http拦截器中使用cordova设备就绪功能?
EN

Stack Overflow用户
提问于 2020-01-20 14:35:18
回答 1查看 327关注 0票数 0

我正在将我的角8应用程序转换为android应用程序。在安卓应用程序中,我不能使用'ngx-cookie-service',所以我必须使用cordova-plugin-cookiemaster。因此,我需要知道在我的http拦截器中使用的是哪个平台,这样我就可以决定是使用ngx-cookie-service还是cordova-plugin-cookiemaster。这是我的拦截器代码

代码语言:javascript
复制
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);
      }
    });
  }
}

我已经给科多瓦写了一封信-准备就绪。

代码语言:javascript
复制
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-拦截器内部使用这个服务,方法是注入实用程序服务,但是没有工作的设备总是是空的。有什么工作可以找到设备信息吗?或者任何其他的想法来决定使用哪个cookie服务?谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-22 23:21:43

只需使用@角/cdk/平台即可。

代码语言:javascript
复制
import { Platform } from "@angular/cdk/platform";
...
constructor(private platform:Platform){}
...
if(this.platform.ANDROID){
//call your cookie method
}

如果您需要更多ondeviceready功能,只需将其添加到您的main.ts中(例如,如果您正在使用cordova )。

代码语言:javascript
复制
const bootstrap = () => {
  platformBrowserDynamic().bootstrapModule(AppModule);
};

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

更多关于这方面的信息:https://material.angular.io/cdk/platform/api

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59825452

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档