I’ve been developing some apps using the Ionic Framework since December 2014 and it has been interesting to watch the evolution of the framework during this time and the platform that Drifty (the company behind Ionic) has been building around it ever since. In this post I’ll introduce you to this very nice tool that you can also consider for your projects.
At Ionic’s website, they recommend the use of ngCordova (Angular powered by Cordova), which is a collection of 70+ AngularJS extensions (wrappers) on top of the Cordova API that make it easy to build, test, and deploy Cordova mobile apps with AngularJS.
For example, there’s a plugin you can add to your project and with a few lines of code, use it to access your device’s camera and retrieve a photo as a base64-encoded image.
$ cordova plugin add cordova-plugin-camera
There’s also a plugin for OAuth, another for Geolocation, SMS, etc.
This is the name of the icon font that comes with Ionic, also free and open source. If you want to implement a close button on your app, for example, you just have to use the class “ion-close” inside of an element:
<p><i class="icon ion-close"></i> Close</p>
Check here the list of icons they have available
Ionic comes with a command line utility that makes it easy for you to do many tasks, such as start, build, run and emulate Ionic apps.
You can use it to run a live reload server, so your app runs on your browser while you modify it from your IDE or Code Editor, such as Brackets (The one I’ve been using and really enjoying), and your modifications appear automatically on the browser without the need to refresh the page.
$ ionic serve
You can also use this utility to generate icon and slash screen images, provide information about your runtime, upload your app to be viewed on Ionic View, among other things.
In this Ionic service you can upload your app to their servers using the CLI utility and then view it on the Ionic View app installed on your device, Android or iOS. You have to create an account and then you can have many apps listed on your device with the option to synchronize them to new versions when you release them. It certainly saves you from the hassle of having to go through all the bureaucracy to test your apps on an Apple device, for example. It’s also interesting for showing new features to your clients, who just need to have the Ionic View app on their devices.
The Ionic team created this very useful service where you can make prototypes of your apps by dragging and dropping components and then export the code or the packages for each platform. As if it was not enough, they also created a mobile app for the Ionic Creator, where you can watch the changes in real time, as they get synchronized automatically and test your mobile app on your device instead of on your browser.
In this post from their blog you can read more about it.
If you’re looking to develop mobile apps for your company in a simple way and your apps won’t need very specific resources from the native platforms, I can certainly recommend you Ionic Framework. It’s fast, the code is clean and it offers everything you need for your mobile app development. It’s not only a product, but a whole platform with many services being developed by Drifty and has a bright future.
You can find the source code of the Ionic Framework on Github