Using The UI-Router To Navigate In Ionic Framework

Being that Ionic Framework relies heavily on the UI-Router for navigation, I thought I would do a write-up on how to properly use it.

We use the UI-Router to navigate between view states in our application.  By view states, I mean screens composed as template files.  If you’re looking for information on navigating in Ionic 2, visit my other post on the subject as it doesn’t use the UI-Router like Ionic Framework 1 does.


Android 5.0 Lollipop

Manually Update Your Nexus Device To Android 5.0 Lollipop

So Google’s big Android 5.0 release is finally here after a week of delays.  Android 5.0 Lollipop is now officially rolling out to the Nexus line devices.  However, the roll-out is in batches so it could be as long as three weeks before you get your over-the-air (OTA) update.

If you’re impatient like I am, you’re going to want to manually install the update rather than wait for it to show up in a device update.

The following will get a factory Android 5.0 Lollipop image installed on your Nexus device in minutes.


Use MavensMate with Sublime Text for Apex Development

After attending the Dreamforce conference for Salesforce development, I thought I’d share how to develop in Apex using Sublime Text rather than Eclipse.

If you’re familiar with my development styles, you know that I am very against using IDE applications because of their sluggishness.  Everyone will have their own opinions, but I much prefer Sublime Text over Eclipse for all development.  Lucky for us, there is an awesome package for us called MavensMate, that lets us do Apex coding directly in Sublime Text.


Use SQLite Instead of Local Storage In Ionic Framework

Switching to object-based data storage can often be tough.  If you’re trying to start Phonegap or Ionic Framework development and are coming from native development, the whole local storage concept can be a tough one to grasp.  Or maybe you just prefer a structured query language (SQL) when working with your data.

Not to worry, because there is a plugin for that!

Making use of the Cordova SQLite plugin by Chris Brody, you can use a SQLite data source for managing your data in Android and iOS.  Pair this with ngCordova and you can better compliment your Ionic Framework development with an AngularJS experience.

If you’re using Ionic 2, you should check out this tutorial instead.


Find The Application Version In Your Ionic Framework App

If you’re like me, you want your users to know which version of your mobile application they are using.  Nothing like feeling several generations behind without even knowing it.  There are other benefits to knowing your application version.  For example, maybe you need to upgrade legacy data when people upgrade between versions of your application.  You can’t assume your users will be upgrading from the latest version of your application.

Now you can always hard-code the application version throughout your application and hope you remember to change it upon a new release, or you can make use of the nifty Apache Cordova plugin from White October.

My current favorite Apache Cordova framework is Ionic, so we’ll be configuring based on that.  However, it is not difficult to use this information with Phonegap.


Updating Apache Cordova Platform To Latest Version

If you’re like me, you’ve been developing applications with Apache Cordova or Ionic Framework for a while now.  Long enough to have received an email from Google Play stating that they are going to remove your application if you don’t update your published application to a more secure version of Apache Cordova.

Apache Cordova announcement:

Security issues were discovered in the Android platform of Cordova. We are releasing version 3.5.1 of Cordova Android to address these security issues. We recommend that all Android applications built using Cordova be upgraded to use version 3.5.1 of Cordova Android. Other Cordova platforms such as iOS are unaffected, and do not have an update.

So how does one go about fixing something like this?  A security flaw like this isn’t the first and it probably won’t be the last.


Implement Social Media Sharing With Ionic Framework

So you’ve made a great app, but need some help marketing it.  Adding social media features to your application is a great way help spread the word, without actually doing anything.  Social media can bring good traffic for you, the developer, and provide useful features to your user at the same time.

Take for example, you made a mobile app that finds funny pictures on the internet.  You might want to add a share button that shares a particular funny picture on your users social media account while including reference to your app so all their friends can use it too.

The following will show you how to make use of social media sharing in your Android and iOS mobile application using Ionic Framework.


Use Crosswalk With Ionic Framework Android Apps

It is no secret, that many Android devices handle web pages poorly.  Unless you have Android 4.4, your device is using whatever proprietary browser your manufacturer has decided to give you.  The lucky ones who are running Android 4.4 tend to have higher end Nexus or Motorola devices.

This isn’t the end of the road for your hybrid development journeys.  Using Crosswalk in your application replaces the default web runtime with the runtime 4.4 users are already enjoying.  The best part is that this will work with Apache Cordova, Phonegap, and Ionic Framework.  For the sake of this article I’m going to aim it towards Cordova and Ionic Framework, but Phonegap should be pretty similar.