マスター Cordova iOS 開発:セットアップからシームレスな展開まで

Android 用のハイブリッド アプリケーション開発は、開発構成であっても運用環境構成であっても簡単です。しかし、個人的には、Cordova iOS のセットアップ、開発、デプロイは少し複雑だと感じています。

学習段階にあるハイブリッド アプリケーション開発者のほとんどは、Mac を所有していないという理由だけで、ハイブリッド iOS アプリケーション開発プロセスを探索することができません。また、iOS アプリの開発には、iOS SDK と XCode が必要です (デスクトップ OS 上で実行される Android SDK とは異なります)。

したがって、このガイドの目的は、Mac でのハイブリッド iOS アプリ開発の基本的なワークフローを示すことです。こうすることで、開発者はアプリを開発できなくても、どのように行われるかを確認できます。

コルドバ プロジェクトの作成

まず、ターミナルを開いて新しい Cordova プロジェクトを作成します (権限の問題、つまり EACCESS エラーがある場合にのみ sudo を使用してください)。

sudo cordova create iosdemo
cd iosdemo
sudo cordova platform add ios

このガイドの執筆時点では、cordova iOS プラットフォームのバージョンは 4.3.1 です。

アプリのソース コードは変更しません。むしろ、create コマンドの実行時に Cordova によって自動的に追加されるデフォルトのサンプル コードをそのまま使用します。ただし、www にプラグイン変更コードを追加すると想定されています。 通常の開発フローでは、このフォルダーに保存されます。

次のステップは、cordova build コマンドを実行することです。これにより、アプリ コードが .xcodeproj ファイルに変換され、次に使用します。

sudo cordova build ios

生成された Xcode プロジェクト ファイルは次の場所にあります:

[Your App Folder]/platforms/ios/[Your App Name].xcodeproj

Android の場合、コード署名は .jks 形式のキーストア ファイルを使用して行われます。ただし、iOS では、iOS アプリを配布するには Apple 開発者アカウントが必要です。これは証明書を生成できるようにするためです。 およびプロビジョニング プロファイル アプリを配布するために必要です。

開発者アカウントに関する価格やその他の情報については、このページを参照してください。

開発証明書の作成

アカウントの準備ができたら、さらに進んで Apple 開発者アカウントにログインできます。

ダッシュボード画面は次のようになります。

Certificates, Identifiers & Profiles をクリックします。 。次の画面が表示されます。デフォルトでは、アカウントから発行された証明書が表示されます。

iOS 証明書には主に、開発証明書と配布証明書の 2 種類があります。リストの右上隅にあるプラス (+) ボタンをクリックすると、次のページが開きます。

まずは開発プロファイルを作成しましょう。 [iOS アプリ開発] を選択します。 [続行] をクリックします。

次の画面が表示され、証明書署名リクエストまたは CSR ファイルを作成してアップロードするように求められます。

画面上の指示に従って生成し、続行します。証明書の準備ができたら、Mac にダウンロードしてダブルクリックします。これにより、Mac のキーチェーン アクセスに追加されます。

配布証明書の作成

配布証明書の作成は、開発証明書を作成するプロセスと似ています。ただし、ここでは App Store and Ad Hoc を選択します。 Productionから Add iOS Certifcate Page のセクション :

アプリ ID の作成

App IDs を選択します Identifiers から セクション。これにより、既存のアプリ ID のリストが開きます。次に右上のプラスボタン（+）をクリックします。これにより、iOS アプリ ID の登録が開きます。 ページ。

[明示的なアプリ ID] を選択します。アプリの説明には、関連する任意の名前を指定できます。これは、特定のアプリ ID に対してアプリ ID リストに表示されるものです。

アプリ ID は、AB11A1ABCD.com.mycompany.myapp 形式の文字列です。 ここでAB11A1ABCD はアプリ ID プレフィックスで、デフォルトではチーム ID と com.mycompany.myapp です。 は各アプリに固有のバンドル ID です。

バンドル ID は逆ドメイン名形式の文字列にすることをお勧めします。たとえば、MYCOMPANY という会社には 2 つのアプリ (App1 と App2) があるとします。したがって、各アプリの HTTP URL は通常、app1.mycompany.com と app2.mycompany.com になります。したがって、各アプリのバンドル ID は com.mycompany.app1 と com.mycompany.app2 になります。

次に、プッシュ通知やウォレットなど、アプリで使用する必要があるサービスをチェックリストから選択します。次に [続行] をクリックして詳細を確認し、最後にアプリ ID を登録します。

開発者アカウントにデバイスを追加する

All を選択します Devices から セクション。これにより、Apple 開発者アカウントに既に追加されているデバイスのリストが開きます。開発中にアプリを実行できるのは、これらのデバイスのみです。

新しいデバイスを追加するには、右上のプラス ボタン (+) をクリックします。次の画面が表示されます。

ここでの名前は、iPhone 5s ABC Pvt Ltd など、わかりやすい任意の名前にすることができます。デバイス UDID は、各 Apple デバイスに関連付けられた一意の ID です。

デバイスの UDID を見つけるには、次の手順に従います。

<オル>

デバイスを Mac に接続します。

/Applications/Utilities フォルダーにあるシステム情報アプリを開きます。

左側の列の [ハードウェア] で [USB] を選択します。

右側の USB デバイス ツリーで接続されているデバイスを選択します。デバイス ID、つまり「シリアル番号」が下に表示されます。

デバイスの UDID と名前を入力したら、[続行] をクリックし、詳細を確認して登録します。

開発プロビジョニング プロファイルの作成

開発プロビジョニング プロファイルを作成するには、[プロビジョニング プロファイル] -> [すべて] をクリックします。これにより、すべてのプロファイル、開発および配布が表示されるはずです。次に、右上のプラス ボタン (+) をクリックします。これにより、次のページが表示されます。

ここでは iOS App Development を選択します そして「続行」をクリックします。表示されるドロップダウンで、前に作成したアプリ ID を選択し、続行します。

次へ 証明書のチェックリストが表示され、そこから 1 つまたは複数を選択できます。これらは開発証明書であり、配布証明書ではありません。生成されたプロビジョニング プロファイルは、これらの証明書にリンクされます。

「続行」をクリックすると、デバイスのチェックリストが表示されます。 1 つ、複数、またはすべてを選択します。選択されたデバイスのみが、このプロビジョニング プロファイルを使用してアプリを実行できます。

次に、[続行] をクリックした後、プロビジョニング プロファイルの名前を入力し、生成された .mobileprovision ファイルをダウンロードします。

メモ :アドホック配布プロビジョニング プロファイルを作成するのと同じプロセスです。また、AppStore ディストリビューション プロビジョニング プロファイルの作成と非常に似ていますが、アプリは AppStore を通じて公開されるため、デバイスを選択しない点が異なります。

必要なものがすべて揃ったので、Xcode を使用して実際の ipa の生成を続けることができます。

Cordova ビルド コマンドは、アプリ コードを xcode プロジェクトに変換します。 Xcode を使用して、 実際にインストールするアプリである .ipa ファイルを作成します。

次に進む前に、両方の証明書をダブルタップしてキーチェーンに追加します。

Xcode で続ける

次に、.xcodeproj ファイルをダブルタップすると、Xcode で開きます。 (最新バージョンの Xcode を使用してください。私は Xcode 8.3.2 を使用しました。)

Xcode 画面は上記のようになります。

ウィンドウの左上隅にあるアプリ名をクリックします。これにより、右側に詳細ビューが開きます。

次に、「ターゲット」->「アプリ名:」をクリックします。

これにより、次の詳細タブが表示されます。

「全般」をクリックすると、次のように表示されます。

[署名を自動的に管理する] チェックボックスをオフにします。

これにより、AppNAme にはプロビジョニング プロファイルが必要であることを示す次のエラーが表示されます:

次に、「署名 (デバッグ)」で、「プロビジョニング プロファイル」ドロップダウンをクリックし、インポート プロファイルを選択します。 オプション。表示されるファイル選択ダイアログで、開発プロビジョニング プロファイルがダウンロードされるパスに移動し、それを選択します。拡張子は .mobileprovision. になります。

これを選択すると、エラーは解消され、Apple 開発者アカウントのチーム名と署名証明書名として Team が表示されるはずです。

[署名 (リリース)] セクションでも同じことを行いますが、ファイル選択ダイアログでアドホック配布プロファイルを選択します。

コード署名の手順が完了したので、次のいずれかを行います。

• デバイス上でアプリを直接実行する
• シミュレーターでアプリを実行する
• 配布用の ipa ファイルを生成する
• アプリをアプリストアにアップロードする

デバイス上でアプリを直接実行する

デバイス上でアプリを実行するには、USB 経由でデバイスを Mac に接続します。次に、デバイスのリストの左上隅で接続されているデバイスを選択し、実行または再生ボタン (黒い三角ボタン) をクリックします。

ビルドステータスはウィンドウ上部のステータスバーに表示されます。すべてがうまくいけば、アプリがデバイスにインストールされ、しばらくすると自動的に読み込まれるはずです。

注意 :手順は、シミュレーターでアプリを実行する場合と同じです。ただし、実際のデバイスの代わりに、デバイス リストから利用可能な iPhone および iPad シミュレータを使用します。

配布用の ipa ファイルを生成する

このアプローチは、アプリをテスト チームなどに配布する必要がある場合に実行できます。ただし、チームが使用するデバイスには、プロビジョニング プロファイルに UDID が存在する必要があります。

Xcode メニューから Product を選択します。 -> Clean 、次に Product -> Archive 。アーカイブ オーガナイザーが表示され、新しいアーカイブが表示されます。

右側のパネルで [エクスポート] オプションを選択すると、オプションのリストが表示されます。

指定したデバイスを使用するユーザーにアプリを配布するには、「アドホック展開用に保存」を選択します。アプリは配布証明書でコード署名されます。

内部テスト用にアプリを配布するには、「開発展開用に保存」を選択します。アプリは開発証明書でコード署名されます。

表示されるダイアログで、ポップアップ メニューからチームを選択し、[選択] をクリックします。

次にデバイス選択ダイアログが表示されます。 [すべてのデバイス] のいずれかを選択します。 または特定のデバイス [次へ] をクリックします。

次にレビューダイアログが表示されます。ここでは、ビルドの生成に使用される署名証明書とプロビジョニング プロファイルが表示されます。確認して「次へ」をクリックします。最後に、ファイルを保存するポップアップが表示され、エクスポートされたアプリ ファイルを保存するファイル システム内の場所を選択します。

アプリは .ipa` ファイルとしてエクスポートされます。

このファイルをデバイス上で実行するには、ファイルをダブルタップするだけで iTunes で開きます。

次に、デバイスを接続します (これにより、iTunes ウィンドウの左上隅に小さなデバイスのアイコンが表示されます)。それをタップすると、デバイス上のアプリ、音楽などのデバイスの概要が表示されます。 [アプリ] タブを選択し、左側のペインでインストールするアプリを選択し、[インストール] をクリックします。プロセスが完了するのを待って、「適用」をクリックします。これにより、ipa ファイルがデバイスにインストールされます。

アプリをデバッグするには:

<オル>

Safariを開く

デバイスでアプリを開きます

Safari メニュー バーで Develop --> Your Device Name --> Your App を選択します。 .

以上です!

無料でコーディングを学びましょう。 freeCodeCamp のオープンソース カリキュラムは、40,000 人以上の人々が開発者としての職に就くのに役立ちました。始めましょう