メインコンテンツへスキップ
バージョン: v8

アプリのビルドとデプロイ

最初のアプリをビルドしたので、次はそれを配布して、みんなが使い始められるようにしたいでしょう。アプリケーションのビルドとデプロイの仕組みは、非常に面倒な場合があります。そこでAppflowの出番です。Appflow を使用すると、Web およびネイティブのビルドを効率的に生成し、ライブアプリのアップデートをプッシュし、アプリストアにアプリを公開し、プロセス全体を自動化できます。クイックスタートガイド全体はこちらにあります。

以下に、ステップの概要を示します。

リポジトリを接続する​

Appflow は Git バージョン管理と直接連携し、既存のコードベースをデプロイとパッケージのビルドの真実の情報源として使用します。まず、GitHub や Bitbucket などのホスティングサービスと統合するか、コードを直接 Appflow にプッシュする必要があります。これが完了すると、Appflow はコードにアクセスできるようになります。

コードリポジトリを Appflow に接続する方法の詳細については、Appflow ドキュメント内のリポジトリを接続するのセクションを参照してください。

Appflow SDK のインストール​

Appflow SDK (Ionic Deploy プラグインとも呼ばれます) を使用すると、おそらく Appflow の最高の 2 つの機能である、アプリへのライブアップデートのデプロイとアプリストアのバイパスを利用できます。Ionic Appflow のライブアップデート機能は、Appflow SDK と共に提供され、ダッシュボード内の識別されたチャネルにプッシュしたアプリのアップデートを検出および同期する機能を備えています。

Appflow SDK プラグインをプロジェクトに追加するには、[デプロイ > 送信先] セクション内の [インストール手順] をクリックして、Appflow ダッシュボード内のインストール手順に従うことができます。または、アプリのルートディレクトリで次のコマンドを実行して、プラグインを手動でインストールすることもできます。

ionic deploy add  \
    --app-id="YOUR_APP_ID" \
    --channel-name="YOUR_CHANNEL_NAME" \
    --update-method="background|auto|none" \

Appflow SDK のインストールに関する前提条件と追加の手順については、Appflow ドキュメント内のAppflow SDK のインストールのセクションを参照してください。

コミットをプッシュする​

Appflow がコードの最新の変更にアクセスできるようにするには、選択したバージョン管理統合を介してコミットをプッシュする必要があります。GitHub または Bitbucket を使用するユーザーの場合、これは次のようになります。

git add . # stage any changes
git commit -m "added appflow sdk" #  commit staged changes
git push origin main # push the changes from the main branch to your git host

プッシュが完了すると、Appflow ダッシュボードの [コミット] タブにコミットが表示されます。詳細については、Appflow ドキュメント内のコミットをプッシュするのセクションを参照してください。

ライブアップデートをデプロイする​

Appflow SDK がインストールされ、コミットがダッシュボードにプッシュされたので、デバイスにライブアップデートをデプロイする準備ができました。ライブアップデート機能は、インストールされた Appflow SDK とネイティブアプリケーションを使用して、特定のデプロイチャネルの宛先をリッスンします。ライブアップデートがチャネルの宛先に割り当てられると、そのアップデートは、その特定のチャネルの宛先をリッスンするように構成されているバイナリを実行しているユーザーデバイスにデプロイされます。

ライブアップデートをデプロイするには、Web ビルドを作成する必要があります。これは、[コミット] タブの [ビルドを開始] アイコンから、または [ビルド > ビルド] タブの右上隅にある [新しいビルド] ボタンをクリックして行うことができます。デプロイする正しいコミットを選択した後、[Web] ターゲットプラットフォームと [最新] ビルドスタックを選択します。Appflow プランによっては、構成済みのカスタム環境を含めることもできます。最後に、[ライブアップデート] を有効にして、正常に完了したらビルドを自動的に割り当てるチャネルを選択できます。

Web ビルドが完了すると、追加のバージョニングオプションが利用可能になります。このセクションを完了して、デプロイビルドが正常に完了したら、ビルド詳細ページの [ライブアップデートをデプロイ] ボタンをクリックして、インストール時に Appflow SDK がリッスンするように構成したのと同じチャネルに割り当てることができます。[ビルド > ビルド] タブのビルドにある [ライブアップデートをデプロイ] アイコンをクリックして、ドロップダウンからチャネルを選択することでも、同じことができます。

このライブアップデートを受信するには、デバイスまたはエミュレーターでアプリを実行する必要があります。これを行う最も迅速で簡単な方法は、次のコマンドを使用することです。

ionic [cordova | cap] run [ios | android] [options]

セットアップ中に自動アップデート方法を選択した場合、アプリがデプロイしたチャネルをリッスンするように正しく構成されていると仮定すると、アプリは起動時にすぐに更新されるはずです。バックグラウンドアップデート方法を選択した場合は、アップデートがダウンロードされたことを確認するために、アプリに約 30 秒間滞在してください。次に、アプリケーションを閉じて再度開くと、アップデートが適用されていることがわかります。

ライブアップデートをデプロイする手順の詳細や、開発でのデプロイの無効化などの追加情報については、Appflow ドキュメント内のライブアップデートをデプロイするのセクションを参照してください。

ネイティブバイナリをビルドする​

次に行うのは、アプリのビルドとデプロイプロセスのネイティブバイナリです。これは、Ionic Packageサービスを介して行われます。まず最初に、パッケージビルドを作成する必要があります。これは、[コミット] タブの [ビルドを開始] アイコンをクリックするか、[ビルド > ビルド] タブの右上にある [新しいビルド] ボタンをクリックして行うことができます。次に、ビルドの適切なコミットを選択し、いくつかの必須フィールドと、指定したい任意のフィールドすべてに入力します。すべての情報を入力してビルドが開始されたら、進捗状況を確認し、エラーが発生した場合はログを確認できます。

パッケージビルドが正常に完了すると、iOS バイナリ(.ipaまたは IPA)および/または Android バイナリ(.apkまたは APK)ファイルが利用可能になります。その後、デバイスにインストールできるようにファイルをダウンロードできます。これを行うには、ビルド詳細ページの右側にある [成果物] セクションでファイル名をクリックするか、[ビルド > ビルド] タブのビルドにある [IPA/APK をダウンロード] アイコンをクリックします。

ネイティブバイナリのビルドに関する詳細については、Appflow ドキュメント内のネイティブバイナリをビルドするのセクションを参照してください。

自動化を作成する​

自動化を使用すると、ユーザーとチームは Appflow の完全な CI/CD 機能を利用できます。チームが指定されたブランチに新しいコードをコミットするたびに、パッケージビルドとデプロイビルドをトリガーする自動化を作成できます。自動化は、開発、ステージング、QA、および本番環境向けに、アプリのさまざまなバージョンをビルドするためのさまざまな環境とネイティブ構成を使用するように構成することもできます。

詳細については、Appflow ドキュメント内の自動化を作成するのセクションを参照してください。ここでは、単一の自動化を作成する方法の詳細を確認できます。ただし、さまざまなブランチやワークフローに対して複数の自動化を作成し、ニーズに合わせてカスタマイズできます。重要な注意事項として、自動化を作成する機能は、基本プラン以上をご利用の方にご利用いただけます。

環境を作成する​

パッケージビルドとデプロイビルドは、環境を介してさらにカスタマイズできます。この強力な機能により、ビルド時に渡される環境変数に基づいてさまざまな構成を作成できます。自動化機能と組み合わせることで、開発チームは開発、ステージング、本番環境のビルド構成を簡単に設定でき、DevOpsのベストプラクティスを採用し、これまで以上に高品質な更新を迅速にリリースできます。

環境の作成は、ベーシックプラン以上でご利用いただけます。詳細については、Appflowドキュメント内の環境の作成セクションをご覧ください。

ネイティブ構成を作成する​

ネイティブ構成を使用すると、異なる環境（開発、本番、ステージングなど）間で変更される可能性のある一般的な構成値を簡単に変更できるため、追加のロジックを使用したり、手動でバージョン管理にコミットしたりする必要がありません。ネイティブ構成は、任意のパッケージビルドまたは自動化に関連付けることができます。

ネイティブ構成は以下に使用できます。

ネイティブ構成を作成する機能を利用するには、ベーシックプラン以上である必要があります。この機能の詳細については、Appflowドキュメント内のネイティブ構成の作成セクションをご覧ください。

次は何をしますか？​

おめでとうございます！Web、iOS、Androidで動作する完全なクロスプラットフォームのフォトギャラリーアプリを開発しました。それだけでなく、アプリをビルドしてユーザーのデバイスにデプロイしました！

ここから進む道はたくさんあります。別のIonic UIコンポーネントをアプリに追加するか、さらに多くのネイティブ機能を追加してみてください。可能性は無限大です。別の機能を追加したら、Appflowを通じてビルドとデプロイのプロセスを再度実行して、ユーザーにリリースしてください。

アプリ開発を楽しんでください！💙

目次

このページを編集