Send HTTPS requests in Angular / Ionic

Question

I have an App in which I make requests like the one you see in the following code:

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;
  }
}

The API I have responds both via HTTP and HTTPS for now, but I want to change all the communication to HTTPS, so I was wondering... what I can do so that Angular / Ionic the app sends encrypted requests to the API?, is it enough to just use the HTTPS URL of my API when I do the assignment public direccion = my_url_app?

I'm asking because some answers from here say that I have to add / at the end, but I'm not sure if that's still the case, etc.

Greetings.

Can you elaborate? Put an answer with some code as an example? etc. — Patricio S
– Patricio S, Commented Sep 30, 2018 at 17:43
@OiciTrap is your client application hosted on https as well? — Pankaj Parkar
– Pankaj Parkar, Commented Sep 30, 2018 at 18:16
The link you gave is for angular 1.x. just replacing http with https in your API url should be enough if they are on the same port — David
– David, Commented Sep 30, 2018 at 18:53

Kiran Shahi · Accepted Answer · 2018-10-01 04:20:26Z

0

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;

}

You must to change it

edited Oct 1, 2018 at 4:20

Kiran Shahi

8,0109 gold badges41 silver badges77 bronze badges

answered Oct 1, 2018 at 3:38

enrique glez

12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

v8-E Over a year ago

Please refer this help page How do I write a good answer?

Collectives™ on Stack Overflow

Send HTTPS requests in Angular / Ionic

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related