This is a continuation of Part 1 of my previous blog that had 3 short videos (1. An overview of Ionic and AngularJS, 2. Code walkthrough 3. Port Ionic app to Visualforce) and got everything started.

In this blog we will take a look at how to make our example Ionic app interact with Salesforce and then make it work inside Salesforce1 mobile app.

 

Interact With Salesforce Using RemoteTK [~5 mins]

This short video shows how to interact with Salesforce. Specifically we will use RemoteTK library to make AJAX calls. RemoteTK library internally uses JavaScript Remoting / Remote Actions to perform CRUD operation. And because these calls don’t hit Salesforce’s API servers these calls don’t count against API limits.

 

Run Ionic App As Salesforce1 Mobile App [~2 mins]

This short video show you that although our single-page-app is made up of multiple Visualforce pages, we just need to make it’s index page (myapp_index_html) Salesforce1 compatible.

Unmanaged Package (Part 1 And Part2):

Here is the link to an Unmanaged Package (Part 1 and Part2): https://login.salesforce.com/packaging/installPackage.apexp?p0=04ti0000000Crfo

Note: To run in Salesforce1, make to sure to add the “My App” tab to the list of tabs in Mobile Navigation section.

 

To Be Continued..

So far we have gotten the example Ionic app run as Salesforce1 app but that’s just scratching the surface. In future blogs it will become more performant, more beautiful and more interesting, so stay tuned. In the mean time if you have questions or comments, you can reach me at @rajaraodv.

tagged , , , , , , , , , , Bookmark the permalink. Trackbacks are closed, but you can post a comment.
  • http://www.tgerm.com/ Abhinav Gupta

    Great post and effort on your part @Raja Rao !

  • Mohamed Jubair

    Nice Post and useful Demo!

    AngularJS Developers

  • dzhiurgis

    So how do you wrap Visualforce pages back to Phonegap?

  • Rakesh Boinepalli

    Thanks for your time on this article. Very helpful.