Creating API for Ionic app with Ruby On Rails. Part 1. CORS

Everybody, who started building a app using hybrid tools such Cordova or Ionic with custom HTTP API, usually gets the problem like

This happens because your app is actually running in browser and its built-in mechanisms prevents HTTP requests to other domains. But this can be easily solved with Ruby on Rails.

Continue reading Creating API for Ionic app with Ruby On Rails. Part 1. CORS

Saving data locally with ionic framework 2

nativestorageSome time ago I published the TODO tutorial for Ionic framework version 2. But our application data is not persistent across app run. Once added, todo item will never be saved for later use. It’s not serious in real applications, so let’s add ‘save data’ feature. We’ll use Ionic Native and Cordova Native Storage plugin.

Continue reading Saving data locally with ionic framework 2

Google Maps Autocomplete for Ionic 2 applications

acw_overlayAddress input is quite common task appearing during mobile apps development. Ionic doesn’t have such built-in component, but we can develop it quickly and easily. This component can be used not only for address autocomplete, but can also be used for any other autocomplete type.

Continue reading Google Maps Autocomplete for Ionic 2 applications

Building simple TO-DO app with Ionic Framework 2. Part 1.

To-Do list application with ionic 2

ToDoMVC is the famouse resource collected a lot of examples how to build the simple ToDo list application with JavaScript MVC frameworks. But it doesn’t have Ionic 2 version. But I’m planning to introduce such example not only as code, but as complete Ionic 2 tutorial.

Continue reading Building simple TO-DO app with Ionic Framework 2. Part 1.

Working with Camera in Ionic 2 and Ionic Native

photography-801891_1280Ionic Native is a set of wrappers for popular Cordova plugins, which provides you an ability to easy use native features in your hybrid mobile app. Today we’ll consider one of the most popular features – work with camera plugin.

Continue reading Working with Camera in Ionic 2 and Ionic Native

How to Build the .ipa Package With Apache Cordova or Ionic Framework Command-line Tools

ipaBuilding application package file for Android platform (.apk) is trivial, you can do it with simple command like ‘cordova build android’ or ‘ionic build android’. But building .ipa package file (for iOS platform) is not so trivial, so we’ll take a look how to do this.

An .ipa file is an iOS application archive file which stores an iOS app. Each .ipa file includes a binary for the ARM architecture and can only be installed on an iOS device. Files with the .ipa extension can be uncompressed by changing the extension to .zip and unzipping.

© Wikipedia

Continue reading How to Build the .ipa Package With Apache Cordova or Ionic Framework Command-line Tools

Social Media Sharing in Apache Cordova With ngCordova

Social sharing with Cordova appI’ll show you how to setup easy social sharing with Apache Cordova with special plugin which uses native system share dialog. This is a quite easy method you can use for this. We’ll also use social sharing module of ngCordova to keep our code clean.

Also we’ll consider how to rollback to pure Facebook website sharer for websites.

The main advantage is that any facebook/twitter apps are not required to use this method.

Continue reading Social Media Sharing in Apache Cordova With ngCordova

Sending Push Notifications to iOS and Android Applications With Ruby on Rails

Push Notification with Hybrid appA few days ago I created the article describing how to implement push notifications for iOS and Android for you hybrid mobile app. Now it’s time to discribe server-side. Usually I’m using Rails for server-side, so this example will be about Rails.

Sending push notifications with Rails is quite easy, but have some nuances, which should be implemented.

Continue reading Sending Push Notifications to iOS and Android Applications With Ruby on Rails