How does an Ionic application connect to a server?

Question

Creating a Mobile Client/Server Calculator

---

• Create a calculator where the user type two numbers and submit for a server to calculate
• The server will do the calculation and your application will show the result for the user
• The server is already implemented here: https://www.fernandoxavier.com.br/ensino/calculadora/calculo.php

• This server expects two values via GET (x and y) and returns the sum theirs.

• An example of a request would be: https://www.fernandoxavier.com.br/ensino/calculadora/calculo.php?x=10&y=9

• Soon, your task will be to create only the client side using Ionic

---

I already created the app in Ionic, but how do I play the url of that server in my code? From what I understand, I have to import an HTTP API, and install a Provider... But how does this?

Answer 1

Friend, it’s very simple. Just import the Native Http library from Ionic and make the requisitions to the required server. Ionic Documentation

Example:

import { HTTP } from '@ionic-native/http';

constructor(private http: HTTP) {}
this.http.get('http://enderecoservidor.io', {}, {})
  .then(data => {

    console.log(data.status);
    console.log(data.data); // data received by server
    console.log(data.headers);

  })