Skip to Content

In my earlier blogs, I have discussed about how to setup the Android development platform and run SAPUI5 Mobile App in Eclipse. This blog will cover the steps to run the SAPUI5 in Xcode for iOS devices using PhoneGap.


Prerequisite: You have installed Xcode in your IOS.


Download the latest PhoneGap folder from the PhoneGap website and unzip them in your desktop.


/wp-content/uploads/2014/06/1_475610.jpg


I’m Packaging the PhoneGap in Xcode using “Command Line Interface“.


Create an empty folder in the desktop. I created folder with name “JUN11” [ Just to remember the folder name easily..:) ].


Launch the “Terminal” app.


/wp-content/uploads/2014/06/2_475611.jpg


Open the downloaded PhoneGap folder and drag the “bin folder” from the path Phonegap-2.9.1->lib->ios->bin into the terminal app.


/wp-content/uploads/2014/06/3_475612.jpg


You should see the bin path in the terminal after performing the above step.


Once the Terminal app is opened, create a new project in Xcode with Cordova libraries using the below command line as shown and enter the password of your desktop if required.

   “sudo ./create ~/Desktop/Jun11 org.apachecordova.Jun11 Jun11”


/wp-content/uploads/2014/06/4_475613.jpg

You should see all the Cordova libraries, folders created as a result of above step under the folder.

/wp-content/uploads/2014/06/5_475614.jpg

     Copy all your SAPUI5 developments from your eclipse and paste under the WWW folder.

/wp-content/uploads/2014/06/6_475615.jpg

As I have used index.html in my project, it has overwritten the default file which gets created during folder creation. I just copied the folders   from the Eclipse project explained in blog 2.

/wp-content/uploads/2014/06/7_475616.jpg

     Copy the Cordova.Js file downloaded from Phonegap into the WWW folder as shown below.

/wp-content/uploads/2014/06/8_475617.jpg

     Once you open the Jun11.xcodeproj, you can see the project with the below structure in Xcode.

/wp-content/uploads/2014/06/9_475618.jpg

If you have created the SAPUI5 application with different start up HTML file, you can overwrite it in the AppDelegate.m file by uncommenting the line self.viewController.startpage = @”index.html”;

/wp-content/uploads/2014/06/10_475619.jpg

Make sure the index.html file has the access to these Cordova.JS files.

/wp-content/uploads/2014/06/11_475620.jpg

Choose the Simulator to test your UI5 app.

I was successfully able to generate the app, export the .IPA file from the Xcode. Here is my UI5 running in the Simulator mode.

/wp-content/uploads/2014/06/13_475621.jpg

Thanks,

S.Rajkumar.

To report this post you need to login first.

3 Comments

You must be Logged on to comment or reply to a post.

  1. Naveen RV

    Hi Rajkumar,

    Thanks for the info, can you please help me on where i can download the UI5 plugin files which has to be added in the resource folder. I have an existing Fiori App developed in Eclipse but unable to use or export the UI5 plugins and use in Xcode.

    Thanks

    (0) 

Leave a Reply