Ionic http calls demo - Ionic Native Http (cordova)

ionic-native.page.ts

import { Component, OnInit } from '@angular/core';
import { Platform } from '@ionic/angular';
import { HTTP } from '@ionic-native/http/ngx';

@Component({
  selector: 'app-ionic-native',
  templateUrl: './ionic-native.page.html',
  styleUrls: ['./ionic-native.page.scss'],
})
export class IonicNativePage {

  localhost: string = 'localhost';
  plt: string;

  web_get_unrestricted = 0;
  web_post_unrestricted = 0;
  web_put_unrestricted = 0;
  web_delete_unrestricted = 0;

  android_get_unrestricted = 0;
  android_post_unrestricted = 0;
  android_put_unrestricted = 0;
  android_delete_unrestricted = 0;

  ios_get_unrestricted = 0;
  ios_post_unrestricted = 0;
  ios_put_unrestricted = 0;
  ios_delete_unrestricted = 0;
 // More variables for restricted API calls
  constructor(private platform: Platform, private http: HTTP) {
    this.plt = this.platform.is('mobileweb') ? 'web' :
      this.platform.is('ios') ? 'ios' : 'android';
    this.localhost = "192.168.0.7"
  }

  get() {
    this.http.get(`http://${this.localhost}:5000/ionic4fullapp/us-central1/getData?data=fromApp`, {}, {})
      .then(data => {
        console.log(data);
        this.changeStatus('get', 'unrestricted', 1);
      })
      .catch(error => {
        console.log(error);
        this.changeStatus('get', 'unrestricted', 2);
      });
  }

  post() {
    this.http.post(`http://${this.localhost}:5000/ionic4fullapp/us-central1/postData`, { data: 'postData' }, {})
      .then(data => {
        console.log(data);
        this.changeStatus('post', 'unrestricted', 1);
      })
      .catch(error => {
        console.log(error);
        this.changeStatus('post', 'unrestricted', 2);
      });
  }

  put() {
    this.http.put(`http://${this.localhost}:5000/ionic4fullapp/us-central1/putData`, { data: 'putData' }, {})
      .then(data => {
        console.log(data);
        this.changeStatus('put', 'unrestricted', 1);
      })
      .catch(error => {
        console.log(error);
        this.changeStatus('put', 'unrestricted', 2);
      });
  }

  delete() {
    this.http.delete(`http://${this.localhost}:5000/ionic4fullapp/us-central1/deleteData`, {}, {})
      .then(data => {
        console.log(data);
        this.changeStatus('delete', 'unrestricted', 1);
      })
      .catch(error => {
        console.log(error);
        this.changeStatus('delete', 'unrestricted', 2);
      });
  }


  changeStatus(type, restriction, status) {
    this[`${this.plt}_${type}_${restriction}`] = status
  }

}