Отправить HTTPS-запросы в Angular / Ionic - PullRequest
0 голосов
/ 30 сентября 2018

У меня есть приложение, в котором я делаю запросы, подобные тем, которые вы видите в следующем коде:

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
import 'rxjs/add/operator/map';
@Injectable()
export class ResourcesApiProvider {
  public direccion = my_url_app;

  constructor(public http: Http) {
  }

  getCars(car_id) {
    let repos = this.http.get(this.direccion + 'api/cars.json' + '?car_id=');

    return repos;
  }
}

API, который у меня есть, сейчас отвечает как через HTTP, так и через HTTPS, но я хочу изменить всесвязь с HTTPS, поэтому мне было интересно ... что я могу сделать, чтобы приложение Angular / Ionic отправляло зашифрованные запросы к API? Достаточно ли просто использовать URL-адрес HTTPS моего API, когда я делаю назначение public direccion = my_url_app?

Я спрашиваю, потому что некоторые ответы отсюда говорят, что я должен добавить / в конце, но я не уверен, что это все еще так, и т. Д.

Привет.

1 Ответ

0 голосов
/ 01 октября 2018
import { Injectable } from '@angular/core';

import { Model } from './Model.model';

import { Http, Headers, Response, RequestOptions } from '@angular/http';

import { Observable } from 'rxjs/Rx';

import { LoginService } from '../../core/auth/login/login.service';

import { environment } from '../../../environments/environment';

@Injectable()

export class Service {

    requestOptions: RequestOptions;

    constructor(private http: Http, loginService: LoginService){
        const headers = new Headers({'Authorization': loginService.getToken()});
        this.requestOptions = new RequestOptions({headers : headers});
    }

    getEventsType(): Observable<any[]> {
        return this.http.get(`${environment.apiUrl}/events`, this.requestOptions)
            .map( mapAny );
    }

}

function mapAny(response:Response): any[] {

    // The response of the API has a results
    // property with the actual results

    return response.json().data;

}

Вы должны изменить его

enter image description here

...