Code Blender

An atomic Middleman partials library

Blog article

  2. Template
  3. Blog article

Introduction

This Article partial create a good building block for displaying a blog post.

Setup

For this page I am passing in an article instance, in normal use this will not be necessary and the article partial will pull from the current_article instance.

Default

Publish iOS platform applications
  2. Template
  3. Publish iOS platform applications
DEVELOPER

Publish iOS platform applications

  • by
  • Read time: 03 min
apple ios developer

Publish iOS platform applications

Introduction

This article outlines the process to publish a Cordova iOS application to the Apple store. It assumes that Cordova and relevant iOS SDKs have been setup and configured. These are briefly bulleted below.

  • A Mac - unfortunately this is required to run the Apple software needed
    • Mavericks
  • iOS device(s), recommended over the emulator to fully test the application
  • Install Xcode from the Mac App Store, and Command line tools
    • $ xcode-select –install
  • $ npm install -g cordova
  • $ npm install -g ios-sim
  • $ npm install -g ios-deploy
  • $ cordova platform add ios –save

Add any cordova plugins necessary.

Distribution quick start

Following Apple's distribution quick start

In the first instances of development you likely just want to get your app running locally on your USB connected iOS device. Luckily this is also a step into getting it into the Apple store.

Note you do not need an Apple developer account for deployment onto a local device.

  • Add Apple ID to Xcode
  • Signing identities
  • Provisioning profiles
  • Verify access to your developer account
  • Launch app on connected iOS device
  • Enable app services, such as iPay
  • Back up signing identities

Naming an application

The following fields will be required

  • Product Name : Cordova Test
  • Organisation name : DryKISS Ltd
  • Organisation identifier : com.drykiss.cordovatest
    • After an app is available on the store, its bundle ID can't be changed.
  • Language : Objective C
  • Devices : Universal

Add Apple ID to Xcode

  • Open Xcode
  • Choose Xcode > Preferences
  • At the top of the window, click Accounts
  • In the lower-left corner, click the Add button (+)
  • Choose Add Apple ID from the pop-up menu

Distribution workflow

  • Enroll in the Apple developer program

Selecting the best workflow for your team depends on the nature of the development. Creating a Hybrid cross-platform app

https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/Introduction/Introduction.html

Exporting for Testing

https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/TestingYouriOSApp/TestingYouriOSApp.html#//apple_ref/doc/uid/TP40012582-CH8

Submitting the application

https://taco.visualstudio.com/en-us/docs/tutorial-package-publish-readme/#package-the-ios-version-of-your-app https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/SubmittingYourApp/SubmittingYourApp.html#//apple_ref/doc/uid/TP40012582-CH9 https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/MaintainingProfiles/MaintainingProfiles.html#//apple_ref/doc/uid/TP40012582-CH30-SW991

Check connected devices

$ ios-deploy -c

Run in X-Code to generate certificate

$ cordova build ios
$ bundle exec middleman build --clean && cordova run --device

$ cordova build ios --release
@see http://stackoverflow.com/questions/24061063/how-can-i-deploy-create-ipa-iphone-app-using-cordova-build-ios-release

= codeBlender "article", "template", { article: @article[ 0 ], image: true, breadcrumb: true }

<article class='article' itemscope itemtype='http://schema.org/BlogPosting' role='article'>
<header class='article__header'>
<div class='article__image'>
<figure class='image' itemprop='image' itemscope itemtype='http://schema.org/ImageObject'>
<img src="http://blog.deliveroo.co.uk/wp-content/uploads/sites/2/2016/11/Facebook-Banner-Sweet_treats_Felicity_Millward_October-29-of-29.jpg" alt="Publish iOS platform applications" class="image__img img-responsive" itemprop="contentUrl" />
</figure>

<svg class="article__slant" viewBox="0 0 750 77" xmlns="http://www.w3.org/2000/svg"><path d="M0 76.017h750L469.722 47.69.238.237" fill="#fff" fill-rule="evenodd"/></svg>
</div>
<ol class='article__breadcrumb breadcrumb'>
<li>
<a href='/index.html'>
<span class='fa fa-home'></span>


</a>
</li>
<li>
<a href='/template/template.html'>
Template
</a>
</li>
<li class='active'>
Publish iOS platform applications
</li>

</ol>


<div class='article__category'>
<a href="/docs/category/developer.html">DEVELOPER</a></div>
<h1 class='heading article__heading heading--noMargin' itemprop='name headline' rel='bookmark'>
Publish iOS platform applications
</h1>


<div class='blogDetail'>
<ul class='blogDetail__details list-inline'>
<li>
<span class='fa fa-calendar'></span>


<time datetime='2016-07-08T00:00:00Z' itemprop='datePublished' pubdate>
2016-07-08
,
12:55pm
</time>
</li>
<li>
<span class='fa fa-user'></span>


by
<span itemprop='author' itemptype='http://schema.org/Person' itemscope>
<a class='blogDetail__author' itemprop='url' rel='author'>
<span itemprop='name'>DryKISS</span>
</a>
</span>
</li>
<li>
<span class='fa fa-clock-o'></span>


Read time: 03 min
</li>
</ul>
<div class='blogDetail__tags'>
<a href="/docs/tag/apple.html" class="label blogDetail__tag label-info" itemprop="keywords">apple
</a>
<a href="/docs/tag/ios.html" class="label blogDetail__tag label-info" itemprop="keywords">ios
</a>
<a href="/docs/tag/developer.html" class="label blogDetail__tag label-info" itemprop="keywords">developer
</a>
</div>
<div class='blogDetail__social'>
<span class='blogDetail__shareText'>Share this article</span>
<a href="javascript:;" class="facebookShareButton" data-url="http://codeblender.net/template/article/article.html"><span class='fa fa-facebook-square fa-2x'></span>


</a>
<a href="https://twitter.com/intent/tweet?url=http://codeblender.net/template/article/article.html"><span class='fa fa-twitter-square fa-2x'></span>


</a>
<a href="https://www.pinterest.com/pin/create/button/" data-pin-description="test this out" data-pin-do="buttonPin" data-pin-custom="true"><span class='fa fa-pinterest-square fa-2x'></span>


</a>
</div>
</div>

</header>
<div class='article__content'>
<span itemprop='text'><ul id="markdown-toc">
  <li><a href="#publish-ios-platform-applications" id="markdown-toc-publish-ios-platform-applications">Publish iOS platform applications</a>    <ul>
      <li><a href="#introduction" id="markdown-toc-introduction">Introduction</a></li>
      <li><a href="#distribution-quick-start" id="markdown-toc-distribution-quick-start">Distribution quick start</a></li>
      <li><a href="#naming-an-application" id="markdown-toc-naming-an-application">Naming an application</a></li>
      <li><a href="#add-apple-id-to-xcode" id="markdown-toc-add-apple-id-to-xcode">Add Apple ID to Xcode</a></li>
      <li><a href="#distribution-workflow" id="markdown-toc-distribution-workflow">Distribution workflow</a></li>
      <li><a href="#exporting-for-testing" id="markdown-toc-exporting-for-testing">Exporting for Testing</a></li>
      <li><a href="#submitting-the-application" id="markdown-toc-submitting-the-application">Submitting the application</a></li>
      <li><a href="#useful-links" id="markdown-toc-useful-links">Useful links</a></li>
    </ul>
  </li>
</ul>

<h1 id="publish-ios-platform-applications">Publish iOS platform applications</h1>

<h2 id="introduction">Introduction</h2>

<p>This article outlines the process to publish a Cordova iOS application to the
Apple store. It assumes that Cordova and relevant iOS SDKs have been setup and
configured. These are briefly bulleted below.</p>

<ul>
  <li>A Mac - unfortunately this is required to run the Apple software needed
    <ul>
      <li>Mavericks</li>
    </ul>
  </li>
  <li>iOS device(s), recommended over the emulator to fully test the application</li>
  <li>Install Xcode from the Mac App Store, and Command line tools
    <ul>
      <li>$ xcode-select –install</li>
    </ul>
  </li>
  <li>$ npm install -g cordova</li>
  <li>$ npm install -g ios-sim</li>
  <li>$ npm install -g ios-deploy</li>
  <li>$ cordova platform add ios –save</li>
</ul>

<p>Add any cordova plugins necessary.</p>

<h2 id="distribution-quick-start">Distribution quick start</h2>

<p>Following Apple's <a href="">distribution quick start</a></p>

<p>In the first instances of development you likely just want to get your app
running locally on your USB connected iOS device. Luckily this is also a step
into getting it into the Apple store.</p>

<p>Note you do not need an Apple developer account for deployment onto a local device.</p>

<ul>
  <li>Add Apple ID to Xcode</li>
  <li>Signing identities</li>
  <li>Provisioning profiles</li>
  <li>Verify access to your developer account</li>
  <li>Launch app on connected iOS device</li>
  <li>Enable app services, such as iPay</li>
  <li>Back up signing identities</li>
</ul>

<h2 id="naming-an-application">Naming an application</h2>

<p>The following fields will be required</p>

<ul>
  <li>Product Name            : Cordova Test</li>
  <li>Organisation name       : DryKISS Ltd</li>
  <li>Organisation identifier : com.drykiss.cordovatest
    <ul>
      <li>After an app is available on the store, its bundle ID can't be changed.</li>
    </ul>
  </li>
  <li>Language                : Objective C</li>
  <li>Devices                 : Universal</li>
</ul>

<h2 id="add-apple-id-to-xcode">Add Apple ID to Xcode</h2>

<ul>
  <li>Open Xcode</li>
  <li>Choose Xcode &gt; Preferences</li>
  <li>At the top of the window, click Accounts</li>
  <li>In the lower-left corner, click the Add button (+)</li>
  <li>Choose Add Apple ID from the pop-up menu</li>
</ul>

<h2 id="distribution-workflow">Distribution workflow</h2>

<ul>
  <li>Enroll in the Apple developer program</li>
</ul>

<p>Selecting the best workflow for your team depends on the nature of the development.
Creating a Hybrid cross-platform app</p>

<p>https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/Introduction/Introduction.html</p>

<h2 id="exporting-for-testing">Exporting for Testing</h2>

<p>https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/TestingYouriOSApp/TestingYouriOSApp.html#//apple_ref/doc/uid/TP40012582-CH8</p>

<h2 id="submitting-the-application">Submitting the application</h2>

<p>https://taco.visualstudio.com/en-us/docs/tutorial-package-publish-readme/#package-the-ios-version-of-your-app
https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/SubmittingYourApp/SubmittingYourApp.html#//apple_ref/doc/uid/TP40012582-CH9
https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/MaintainingProfiles/MaintainingProfiles.html#//apple_ref/doc/uid/TP40012582-CH30-SW991</p>

<p>Check connected devices</p>

<pre class="highlight plaintext"><code>$ ios-deploy -c
</code></pre>
<p>Run in X-Code to generate certificate</p>

<pre class="highlight plaintext"><code>$ cordova build ios
$ bundle exec middleman build --clean &amp;&amp; cordova run --device

$ cordova build ios --release
@see http://stackoverflow.com/questions/24061063/how-can-i-deploy-create-ipa-iphone-app-using-cordova-build-ios-release
</code></pre>
<h2 id="useful-links">Useful links</h2>

<ul>
  <li><a href="">iOS Platform Guide</a></li>
</ul>

</span>
</div>
<footer>
<ul class='pager'>
<li class='previous'>
<a href="/docs/hybrid/google-play.html" rel="previous">&larr; Older :
Google Play Store, publishing a hybrid application
</a></li>
<li class='next'>
</li>
</ul>

</footer>
</article>

Resources Useful websites and tutorials

Title URL
Blog article https://developer.mozilla.org/en/docs/Web/HTML/Element/article

Tasks

Task Date
Introduce - http://ogp.me/#type_article
Table of contents - Position a little better - fold up perhaps
Content -Style available areas
Comments
Make sure all bemmed up