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.

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.

Internationalization And Localization With Ionic Framework And Angular Translate

There are roughly seven billion people in the world (7,000,000,000) and roughly 6,500 languages. Lucky for us, Android and iOS does not support all 6,500 of these languages. However, many are supported and this means that when you make an application in your native language, chances are your audience is only going to be a fraction of these people.

Recently I discovered Angular Tranlate, a JavaScript library for AngularJS. It allows you to create translation tables in your web application to quickly switch between depending on the language you desire. When you pair this with Ionic Framework, which supports AngularJS, you have a great way of adding internationalization and localization into your mobile application.

Send Email From Android And iOS With Ionic Framework

Sending email directly from your mobile application might be critical at some point in time. You may want to create an easy outlet for users to send you feedback about your app without having to sift through your website. Using the Apache Cordova plugin, Email Composer, you can easily send email from Android and iOS with Ionic Framework.

So You Made An App, Now What?

So you’ve just made an awesome app and you have no idea how to get the word out. This is a problem most app developers have, so you’re not alone.

I’ve released many mobile apps to the app store, most of them Android, but still a diverse collection. It has been tough work, but I’ve established myself by getting many downloads, maintaining a high average rating, and getting a few hundred dollars monthly in app revenue.

Using An Oauth 2.0 Service With Ionic Framework

Many APIs such as Google, Twitter, and Facebook require Oauth in order to use. This can get tricky when it comes to mobile because authorization must happen externally in a web browser. To our advantage, we can handle Oauth 2.0 using the InAppBrowser plugin for Apache Cordova.

Basic instructions on using the InAppBrowser with Ionic Framework can be found in one of my earlier blog posts. If you’re looking to use Oauth in an Ionic 2 application, visit here, otherwise proceed with Ionic Framework 1.