Ключ API в Angular Ionic - PullRequest
Новая
       32

Ключ API в Angular Ionic

0 голосов
/ 04 марта 2020

Я следовал этому учебнику , так как мы используем формат JSON в качестве наших данных. Чтобы вызывать наш API через URL, необходимо установить ключ API для получения / чтения данных. Можно ли как-то установить ключ API или установить заголовки для моего Angular Ioni c APP, чтобы я мог получать и считывать данные с нашего URL-адреса API так же, как мы проводим наше тестирование с использованием почтальона?

enter image description here

Вот мой код для data.service 

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  url = '';
  apiKey = ''; // <-- Enter your own key here!

    constructor(private http: HttpClient){}

    getLocalData(){
      return this.http.get("assets/data/data.json");
    }

    getRemoteData(){
      return this.http.get('{this.url}&apiKey=${this.apiKey}');
    }
}

Вот мой код для page.ts 

import { Component, OnInit } from '@angular/core';
import { DataService } from '../../services/data.service';

@Component({
  selector: 'app-status',
  templateUrl: './status.page.html',
  styleUrls: ['./status.page.scss'],
})
export class StatusPage implements OnInit {

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getLocalData().subscribe(data => {
      console.log("Local Data:");
      console.log(data);
    });

    this.dataService.getRemoteData().subscribe(data => {
      console.log("Remote Data:");
      console.log(data);
    });
  }


}

1 Ответ

1 голос
/ 04 марта 2020

Вы можете установить его как HttpHeaders, поэтому вам нужно использовать 

let headers = new HttpHeaders().set('apiKey', this.apiKey);

или 

let headers = new HttpHeaders({'apiKey': this.apiKey});

Вы можете установить его как 

this.http.get(this.apiUrl, {headers: headers})
...