Ionic http calls demo - Angular HttpClient

http-client.page.ts

import { Component, OnInit } from '@angular/core';
import { Platform } from '@ionic/angular';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-http-client',
  templateUrl: './http-client.page.html',
  styleUrls: ['./http-client.page.scss'],
})
export class HttpClientPage {
  localhost:string = 'localhost';
  plt: string;
  web_get_restricted = 0;
  web_post_restricted = 0;
  web_put_restricted = 0;
  web_delete_restricted = 0;

  android_get_restricted = 0;
  android_post_restricted = 0;
  android_put_restricted = 0;
  android_delete_restricted = 0;

  ios_get_restricted = 0;
  ios_post_restricted = 0;
  ios_put_restricted = 0;
  ios_delete_restricted = 0;
  // More variables for restricted API calls 
  constructor(private platform: Platform, private http: HttpClient) {
    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`, {})
      .subscribe(response => {
        console.log(response);
        this.changeStatus('get', 'unrestricted', 1);
      }, error => {
        console.log(error)
        this.changeStatus('get', 'unrestricted', 2);
      })
  }

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

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

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

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