Ionic 3 - Integrating InAppBrowser Plugin

Ionic 3 - Integrating InAppBrowser Plugin

In this article, we'll be integrating the InAppBrowser plugin inside of our Ionic applications. This will allow the user to view web pages inside of your application, and should not be confused with the BrowserTab plugin as that is specific to one tab only. New Project As always, we'll be starting out with a new project: # Create a new Ionic project $ ionic start InAppBrowser blank # Navigate to directory $ cd InAppBrowser…

Ionic 3 - Notification Badges

Ionic 3 - Notification Badges

Notification badges can be extremely useful when creating mobile applications that deal with dynamic data. This feature is often overlooked but can add a lot of power to an application that currently doesn’t use badges. Let’s see how we can add badges to an Ionic 3 application. New Project As always, we'll be starting out with a new project: # Create a new Ionic project $ ionic start notificationBadges blank…

Ionic 3 - AdMobFree

Ionic 3 - AdMobFree

When integrating Google AdMob into your Ionic applications, there are two supported with Ionic Native types. Firstly, AdMobPro which takes royalties after revenue of $1,000 or more. Secondly, AdMobFree which is a free plugin (hence the name) that doesn't require any revenue sharing. We'll be looking at AdMobFree in this article. Create a New Ionic Project Let's start off with a blank project: # Create a new Ionic project ionic…

Ionic 3 - Network Detection with Ionic Native

Ionic 3 - Network Detection with Ionic Native

Have you ever been in a situation where you’ve been trying to do something on an application but you haven’t realised you’re offline? Or even worse, you're connected to the dreaded "lie-fi"? I bet your users have, and part of making smart mobile applications is about contextually knowing when the user is online or offline – this is where network detection within Ionic 3 comes in…

Getting the App Version of an Ionic 3 Application

Getting the App Version of an Ionic 3 Application

I recently had a request from a viewer over at YouTube to cover getting the version of an Ionic project programmatically. This article/video stems from that and can be done with both Ionic Native and the accompanying Cordova plugin. The application metadata can be found and set within config.xml, which is located inside the root of your project. Creating a new Ionic project We can start off by…