Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Moodle Mobile Building the app for iOS: Difference between revisions

From MoodleDocs
No edit summary
No edit summary
Line 24: Line 24:
#* ''mv platforms/ios/www_old/childbrowser platforms/ios/www/''
#* ''mv platforms/ios/www_old/childbrowser platforms/ios/www/''


Note:
=== Warnings ===
* if you previously installed a different platform then you'll get an error during the plugin step. It's advised to install both platforms at the same time. Then add the cordova plugin(s), then copy the app content into www. Don't forget cordova.js and plugin js/files. Then you can manually install phonegap plugins.
* if you previously installed a different platform then you'll get an error during the plugin step. It's advised to install both platforms at the same time. Then add the cordova plugin(s), then copy the app content into www. Don't forget cordova.js and plugin js/files. Then you can manually install phonegap plugins.
* the iOS version doesn't need WebIntent android plugin.
* the iOS version doesn't need WebIntent android plugin.

Revision as of 09:51, 26 March 2013

this is a quick guide to build the official Moodle Mobile app on iOS. It should be pretty easy to do it for your own organization.

  1. Install xcode
  2. Install NodeJs
  3. Install cordova-cli
    • sudo npm install -g cordova - it will install cordova. Note that on my machine I have some warnings about the ios bootstrap process being skipped but all the following steps seem to work ok anyway...
  4. Create a Xcode project
    • /usr/local/lib/node_modules/cordova/bin/cordova create ~/Apps/moodlemobile_android_cordova com.moodle.moodlemobile MoodleMobileBeta
    • cd ~/Apps/moodlemobile_android_cordova
    • sudo /usr/local/lib/node_modules/cordova/bin/cordova platform add ios
    • sudo /usr/local/lib/node_modules/cordova/bin/cordova build - not necessary, just check the build works.
  5. In Finder change the permission on ~/Apps/moodlemobile_android_cordova folder: Read + Write to everyone
  6. Add the cordova plugins
    • git clone git://github.com/alunny/ChildBrowser.git ./ChildBrowser - we are now going to install cordova compatible plugin with the plugin install command line.
    • sudo /usr/local/lib/node_modules/cordova/bin/cordova plugin add ChildBrowser/
  7. In Finder open /Users/jerome/Apps/moodlemobile_android_cordova/platforms/ios/MoodleMobileBeta.xcodeproj. Test you can build the default Cordova app on your phone.
  8. Copy the Moodle mobile app into www folder
    • git clone git://github.com/moodlehq/moodlemobile.git ./moodlemobile
    • mv platforms/ios/www/ platforms/ios/www_old/
    • mv ./moodlemobile/ platforms/ios/www/
    • cp platforms/ios/www_old/cordova.js platforms/ios/www/
    • cp platforms/ios/www_old/childbrowser.js platforms/ios/www/
    • mv platforms/ios/www_old/childbrowser platforms/ios/www/

Warnings

  • if you previously installed a different platform then you'll get an error during the plugin step. It's advised to install both platforms at the same time. Then add the cordova plugin(s), then copy the app content into www. Don't forget cordova.js and plugin js/files. Then you can manually install phonegap plugins.
  • the iOS version doesn't need WebIntent android plugin.