Make HTTP Requests In An Ionic Android And iOS App

Anyone looking to build a mobile application is going to find themselves needing to make HTTP requests to some remote web service at some time. It is just how the modern web and modern app development process is now. Previously I had demonstrated how to make HTTP requests in an Ionic Framework 1 application, but since Ionic 2 is all the rage right now, we’re going to switch gears and see how it is done in the latest framework version.

The bulk of this tutorial will be demonstrating how to make these web service requests in Angular since it is fairly different from the first AngularJS version.

Use ng2-cordova-oauth For All Your Ionic Oauth Needs

Previously I wrote about using Oauth within an Ionic 2 mobile application. However, for the typical user that can be a real hassle because it by far isn’t short. This is why I created the library ng2-cordova-oauth on GitHub. This library has numerous web service providers bundled in, making the authentication flow as short as three lines of code.

Now some of you might be familiar with the ng-cordova-oauth library that I wrote for Ionic Framework 1. That library was designed to work with Apache Cordova and AngularJS. This time around I did the same thing for Angular and Apache Cordova.

Let’s take a look at how easy this new library really is.

Launch Websites With Ionic Using The InAppBrowser

With Ionic 2 development in full force, I figured it would be a good idea to update one of my more popular blog articles. Previously I had written about using the Apache Cordova InAppBrowser to launch external URLs using Ionic Framework 1. This time I’m going to accomplish the same, but using Ionic 2 and Angular.

Like with the previous tutorial we will be using the Apache Cordova InAppBrowser plugin. The only change is in our framework.

Show Native Toast Notifications In An Ionic Mobile App

A popular way to display notifications within a mobile app is through Toast notifications. Previously I demonstrated how to display these notifications using Ionic Framework 1, but with Ionic 2 being all the rage, I figured it would make sense to demonstrate how to do this again.

iOS has no true concept of a Toast notification like Android does, but using the great plugin by Eddy Verbruggen, we can make it possible in iOS. This is the same plugin we make use of in the Ionic Framework 1 tutorial.

Using An Oauth 2.0 Service Within An Ionic Mobile App

Previously I demonstrated how to use Oauth in an Ionic Framework 1 Android and iOS mobile application, but with Ionic 2 becoming all the rage, I figured my old guide needed a refresher.

Modern applications are always making use of APIs and data from third party services. The problem is, these remote services require a special kind of authentication to happen in order to work with the data they manage. The most common form of authentication for web services is Oauth.

In my Ionic Framework 1 tutorial I demonstrated Google Oauth, but this time we’re going to see how to use Facebook Oauth in an Ionic 2 application.

Use SQLite In Ionic Instead Of Local Storage

Ionic 2 is becoming all the rage right now because of it using Angular. With the introduction of Angular, comes many differences in the language and framework itself. One of the most critical parts of any mobile application is its ability to save data and have it persisted when the application is launched at a later date. I demonstrated in Ionic Framework 1 how to use SQLite as a storage solution, so I figured it would be a good idea to demonstrate the same using Ionic Framework 2.

Let’s see why it might be a good idea to use SQLite in an Ionic 2 application rather than HTML5 local storage.

Navigate Between Pages In An Ionic Android And iOS App

In most scenarios, when developing a mobile application, you’re going to want multiple pages or screens for displaying information. In Ionic Framework 1, you’d use the AngularJS UI-Router to navigate between pages, but things are different when it comes to Angular and Ionic 2. The UI-Router is not present in the latest version of Ionic Framework.

We’re going to take a look at navigating around an Ionic 2 application and see how easy it is.