Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Open XCode. Choose File > New > Project.
  2. Select Cordova-based Application from the list of templates.
     
  3. Enter the following options on the next screen.

  4. Choose a location for your project.
     
  5. Disable Automatic Reference Counting in the build.
    1. Select uMobile under Targets in the main project view.
    2. Click on the Build Settings tab.
    3. Make sure the All and Combined filters are selected.
    4. Search for reference in the search bar.
    5. Set the Objective-C Automatic Reference Counting property to No.
       
  6. Check the uMobile source out into a new project directory.
     

    Code Block
    git clone git@github.com:Jasig/umobile-app-phonegap  umobile-ui

  7. Navigate to umobile-ui/config/js.
    1. uMobile currently supports three different authentication strategies: CASLocal & Mock.
    2. Each strategy has a cooresponding configuration file under the umobile-ui/config/js directory (i.e., cas.jslocal.js and mock.js).
    3. Choose one of the three authentication strategies. For this documentation, we will use mockcas.js.
    4. Open mockcas.js.
      1. Set config.uMobileServerUrl to http://localhost:8080.
      2. Set config.loginFn to mockLogincasLogin.
      3. Note: There are bugs with the current login functionality. Only view the portal using the guest layout. This is being addressed.
  8. Run the build process for the uMobile source code. The build process configures the uMobile source code with the necessary dependencies needed to run in a given environment. Currently, the uMobile project supports Android, iOS and Web platforms. Once the build completes a www directory will be added to the umobile-ui directory. The www directory houses the production ready code base to be used with the PhoneGap wrapper. Please see the documentation on the uMobile HTML5 build for more information on configuring the build script.

    Code Block
    cd umobile-ui sudo npm install
    grunt --environment=ios --config=cas --build=prod

     

  9. Drag the production-ready www directory from your finder window to the XCode uMobile project. When done for the first time, XCode will ask you to create a workspace before including the www directory. For the purpose of this project, we created a umobile workspace.
      
  10. Choose options for adding the www directory to the project.
     
  11. Configure cordova.plist.
    1. In XCode, under the Project Navigator, navigate to uMobile > Supporting Files > Cordova.plist.
    2. Under the Root Key:
      1. Set OpenAllWhitelistURLsInWebView to Yes.
    3. Under the ExternalHosts Key:
      1. Add the hostname, any authentication servers and any other servers hosting uMobile resources.
      2. If you're working with the uMobile quickstart, you can just add localhost.
    4. Under the Plugin Key:
      1. Plugin: SesssionTracking
      2. Type: String
      3. Value: SessionTracking


  12. Add SessionTracking Plugin files into the Plugins folder:
    1. SessionTracking.h
    2. SessionTracking.m


  13. Download MainViewController.m
  14. Navigate to uMobile > Classes > MainViewController.m.
  15. Replace MainViewController with the downloaded version.
  16. Set the scheme at the top of the project to iPhone 6.1 Simulator and run the project!

...