本文へスキップ
バージョン: 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 プラグインをプロジェクトに追加するには、`Deploy > Destinations` セクション内の「インストール手順」をクリックして、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 run [ios | android] [options]

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

ライブアップデートをデプロイする手順の詳細、および開発のためのデプロイの無効化などの追加情報については、Appflow ドキュメントのライブアップデートのデプロイセクションをご覧ください。

ネイティブバイナリのビルド​

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

パッケージビルドが成功すると、iOS バイナリ（`.ipa`または IPA）または Android バイナリ（`.apk`または APK）ファイルが使用可能になります。ファイルはその後ダウンロードできるようになり、ビルド詳細ページの右側の`アーティファクト`セクションでファイル名をクリックするか、`ビルド > ビルド`タブのビルドで`IPA/APK のダウンロード`アイコンをクリックすることで、デバイスにインストールできます。

ネイティブバイナリのビルドに関する詳細情報は、Appflow ドキュメントのネイティブバイナリのビルドセクションにあります。

自動化の作成​

AppflowのCI/CD機能を最大限に活用できるよう、自動化機能が提供されています。チームが指定したブランチに新しいコードをコミットするたびに、パッケージビルドとデプロイビルドをトリガーする自動化を作成できます。また、開発、ステージング、QA、本番環境など、異なるアプリバージョンをビルドするために、異なる環境とネイティブ設定を使用するように自動化を設定することもできます。

詳細については、Appflowドキュメントの自動化の作成セクションを参照してください。そこでは、単一の自動化の作成方法について詳しく説明されています。ただし、異なるブランチやワークフローに対して複数の自動化を作成し、ニーズに合わせてカスタマイズできます。重要な点として、自動化を作成する機能は、Basicプラン以上のユーザーが利用できます。

環境の作成​

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

環境の作成は、Basicプラン以上のユーザーが利用できます。詳細については、Appflowドキュメントの環境の作成セクションを参照してください。

ネイティブ設定の作成​

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

ネイティブ設定を使用すると、次のことができます。

ネイティブ設定を作成する機能にアクセスするには、Basicプラン以上である必要があります。この機能の詳細については、Appflowドキュメントのネイティブ設定の作成セクションを参照してください。

次のステップ​

おめでとうございます！ウェブ、iOS、Androidで動作する完全なクロスプラットフォームの写真ギャラリーアプリを開発しました。さらに、アプリをビルドし、ユーザーのデバイスにデプロイしました！

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

楽しいアプリ開発を！💙

目次

このページを編集する