Handling Apache Cordova Events With Ionic Framework

There will often come a scenario where you need to determine when your application enters the device background and comes back into the foreground. For example, let’s say we wanted to require a password every time the application is shown. We would need to listen for when the application enters the foreground.

Lucky for us, we can make use of the Apache Cordova event listeners to accomplish this task.

Making iOS In-App Purchases With Ionic Framework

I recently did a post on how to accomplish in-app purchases in Android with Ionic Framework, so this will compliment things from an iOS perspective. Freemium is the new normal for mobile apps. It allows people to download your app for free, but charge them for certain features.

The following should get you started with in-app purchases in your Ionic iOS application.

Create An RSS Reader Using AngularJS And Ionic Framework

This article was designed to help you apply your knowledge of AngularJS and Ionic Framework and create a functional app rather than learn new concepts.

This tutorial should help you with the following concepts:

• Make use of the AngularJS $http service for handling HTTP requests
• Cache HTTP response data on the device for usage offline
• Create data lists in Ionic Framework
• Open external URLs with the Apache Cordova InAppBrowser plugin

Make HTTP Requests In Android And iOS With Ionic Framework

As a modern developer, at some point in time you’re going to find yourself needing to work with a RESTful API. You’re going to need to make HTTP requests to get data into your app or even change data on a remote database.

Lucky for us, making HTTP requests with Ionic Framework is a heck of a lot easier than making them with native code.

The following will show you how to make GET requests for JSON data at some fictional API endpoint. It is for Ionic Framework 1. If you’re looking for how to make HTTP requests using Ionic 2, check here.

Use Font Awesome Glyph Icons With Android

Creating clean looking user interfaces in Android can often be challenging. With all the screen resolutions and screen densities that exist for Android, a lot more must be taken into consideration than iOS apps.

A nifty trick I figured out is being able to use font glyphs instead of PNG or JPEG images. When using standard images you must create an image for every density (xxhdpi, xhdpi, hdpi, mdpi) and even then it still might not look clear. When using font glyphs, the images will always look crisp because they are vector graphics.

For this example, I’m going to use Font Awesome because it is open source and there are more than 400 glyphs included.

Add A Splash Screen To An Ionic Framework Project

It is always nice to have splash screens in your application. It is a great way to get your branding out, and show that your application is currently loading. No one likes to see a blank white screen for five seconds during launch.

Lucky for us, it is incredibly simple to add a splash screen to our Ionic project. Using Apache Cordova’s Splashscreen plugin, we can add a splash to our application with just two lines in our config.xml file.

Making Android In-App Purchases With Ionic Framework

The future of mobile app design is in the freemium model. No one wants to risk paying for an application that might stink so as a developer it is a good idea to charge for features in your app rather than the app itself.

Using Apache Cordova, Ionic Framework, and the poiuytrez AndroidInAppBilling plugin you can easily handle Android in-app purchases.