Skip to content

iOS

Jump to bottom Edit New page
Matthew Hager edited this page Mar 27, 2015 · 1 revision

Push Notifications

We use UrbanAirship, it's cordova plugin, and it's rails gem to send push notifications.

Development

To do push notifications in development you need to generate the proper certificates.

Setup provisioning profile

  1. Log into developer.apple.com
  2. Go to Certificates and click the + sign to make a new one.
  3. Select 'Development - Apple Push Notification service SSL (Sandbox)'
  4. Click next
  5. Select your app and click next
  6. Download the certificate and open it to install it in your Keychain

configure xcode

  1. Open your project
  2. Click on project in left menu
  3. Go to build settings
  4. Under Code Signing, select the 'iOS Team Provisioning Profile' for your app

TestFlight Builds

To upload an app to TestFlight, you will need to create an archive of the app with Xcode. Here's how you do this in Xcode,

  1. Click Product > Archive in the menu.
  2. The Xcode organizer should then open automatically, if it does not, you can open it via Window > Organizer. 3. Select your app on the left and highlight the latest build in the right pane
  3. Click distribute at the top right and select "Save for Enterprise or Ad Hoc Deployment".
  4. Select it's provisioning profile and export it.
  5. Then upload the archive via the TestFlight dashboard

That's the manual process, there is an easier way for our apps. First, Download the TestFlight Desktop App and install it. Then to put your archive on TestFlight follow these steps:

  1. Run ember cordova:archive X.X.X in your ember-cli-cordova project
  2. The TestFlight desktop app should pop up a notification with an upload button
  3. Click upload and follow the steps it gives you.

Huzzah! Way easier. It's our preferred method.

App icon

Put this in your cordova/config.xml and put your icons in cordova/res with the appropriate names. The designer should provide a 1024x1024 icon and we can resize easily using ImageMagick. This should soon be automated with ember-cli-cordova.

    <platform name="ios">
      <!-- iOS 7.0+ -->
      <!-- iPhone / iPod Touch  -->
      <icon src="res/ios/60.png" width="60" height="60" />
      <icon src="res/ios/120.png" width="120" height="120" />
      <!-- iPad -->
      <icon src="res/ios/76.png" width="76" height="76" />
      <icon src="res/ios/152.png" width="152" height="152" />
      <!-- iOS 6.1 -->
      <!-- Spotlight Icon -->
      <icon src="res/ios/40.png" width="40" height="40" />
      <icon src="res/ios/80.png" width="80" height="80" />
      <!-- iPhone / iPod Touch -->
      <icon src="res/ios/57.png" width="57" height="57" />
      <icon src="res/ios/114.png" width="114" height="114" />
      <!-- iPad -->
      <icon src="res/ios/72.png" width="72" height="72" />
      <icon src="res/ios/144.png" width="144" height="144" />
      <!-- iPhone Spotlight and Settings Icon -->
      <icon src="res/ios/29.png" width="29" height="29" />
      <icon src="res/ios/58.png" width="58" height="58" />
      <!-- iPad Spotlight and Settings Icon -->
      <icon src="res/ios/50.png" width="50" height="50" />
      <icon src="res/ios/100.png" width="100" height="100" />
     </platform>

Splashscreens

iPhone

Portrait

  • 320 x 480
  • 640 x 960
  • 640 x 1136
  • 750 x 1334
  • 1242 x 2208

Landscape

  • 480 x 320
  • 960 x 640
  • 1136 x 640
  • 1334 x 750
  • 2208 x 1242

iPad

Portrait

  • 768 x 1024
  • 1536 x 2048

Landscape

  • 1024 x 768
  • 2048 x 1536

App Store Screenshots

Up to 5 screenshots for each screen size. 3.5inch should be 640x960, the others should be their normal sizes.

References

Add a custom footer
Add a custom sidebar
Clone this wiki locally