Angular / Ionic 3 Http.get()

Question

i try to make an http.get-Request with angluar/http in Ionic 3. The request is correct, but I'm not able to catch the error.

My methods look like this:

finalize() {
  this.saveConfig().then(() => {
    loader.dismiss();
    loader2.present();
    this.checkApiServer().then((data) => {
      console.log(data);
      loader2.dismiss();
    }).catch(err => {
      console.log('error', err);
      loader2.dismiss();
    });
  });

}

checkApiServer() {
  this.http.get(this.configuration.server + 'ping').subscribe(data => {
    if (data.status == 200) {
      resolve('server available');
    } else {
      reject(Error('server unan'));
    }
  });

}

If I'm hitting a correct endpoint everthing works, but if the server is not available, i can not catch the error.

Thank you so much for your help

Greeetings

EDIT:

this is the completed method now:

finalize() {
  this.saveConfig().then(() => {
    loader.dismiss();
    loader2.present();

    this.checkApiServer().then((data) => {
      console.log(data);
      loader2.dismiss();
    }).catch(err => {
      console.log('error', err);
      loader2.dismiss();
      this.slides.lockSwipes(false);
      this.slides.slideTo(1);
      this.slides.lockSwipes(true);
      this.error = true;
      this.errorMessage = 'Der Api-Server konnte nicht erreicht werden. Stellen Sie sicher, dass Sie mit einem WLAN verbunden sind und er korrekte API-Server eingestellt ist.'

    });
  });
}
}

checkApiServer() {
  return new Promise((resolve, reject) => {
    this.http.get(this.configuration.server + 'ping', {
      timeout: 3000
    }).subscribe(
      (data) => {
        if (data.status == 200) {
          resolve('server available');
        } else {
          reject(Error('server error'))
        }
      },
      (err) => {
        reject(Error('server unreachable'));
      }
    )
  })
}

THANKS!

from checkApiServer. Thanks, but @TimothyGroote solved my problem. Thanks! — cracker182
– cracker182, Commented Nov 7, 2017 at 12:14

Timothy Groote · Accepted Answer · 2017-11-07 11:47:11Z

1

i'm assuming you're hitting a timeout. you can pass an error handler along with the subscribe as an arrow function like this :

//timeout is an optional setting optional here
this.http.get(this.configuration.server + 'ping', {headers: headers, timeout: 1000}).subscribe(
    //we only hit this function when the subscribable returns an actual result (in this case, when the server answers)
    (data) => {
      if (data.status == 200) {
        resolve('server available');
      } else {
        reject(Error('server error'));
      }
    },
    //this is the default angular way of handling errors when using a subscribable
    //so it should work for Ionic as well.
    //we will only hit it if something goes wrong while waiting for our subscribable to finish
    (err) => {
      reject(Error('server unreachable?'));
    }
  });

edited Nov 7, 2017 at 11:47

answered Nov 7, 2017 at 11:41

Timothy Groote

8,69229 silver badges53 bronze badges

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

1 Comment

cracker182 Over a year ago

thank you so much. the ``` (err) =>{} ``` was the key.

Yoandy Pérez Villazón · Accepted Answer · 2017-11-07 20:06:21Z

0

He, you can use to the new HttpClient module of Angular 4.3, is too easy manage HTTP request.

 this.http.get(this.configuration.server, {headers: headers}).subscribe(

        (data) => {
           // Here the code to execute when status code is 200
        },

        (err) => {
          // Here when error
        }, 
() => {
        // and here the code to execute finally, (when http request finish)      
    }
      });

answered Nov 7, 2017 at 20:06

Yoandy Pérez Villazón

3516 silver badges8 bronze badges

Collectives™ on Stack Overflow

Angular / Ionic 3 Http.get()

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related