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

最初のアプリを構築したので、次はそれを配布して、誰もが使い始められるようにしたいと思うでしょう。アプリケーションのビルドとデプロイの仕組みは、非常に面倒な場合があります。そこで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 run [ios | android] [options]

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

ライブ更新をデプロイする手順の詳細や、開発のデプロイを無効にするなどの追加情報については、Appflowドキュメントのライブ更新をデプロイするセクションを確認してください。

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

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

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

ネイティブバイナリのビルドに関する詳細については、Appflowドキュメントのネイティブバイナリをビルドするセクションに記載されています。

自動化を作成する

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

詳細については、Appflowドキュメント内のオートメーションの作成セクションをご覧ください。ここでは、単一のオートメーションの作成に関する詳細が説明されています。ただし、異なるブランチやワークフローに対して複数のオートメーションを作成し、ニーズに合わせてカスタマイズすることができます。重要な注意点として、オートメーションを作成する機能は、ベーシックプラン以上でご利用いただけます。

環境の作成

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

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

ネイティブ構成の作成

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

ネイティブ構成は、以下の目的で使用できます。

• config.xml内の固有のバンドル識別子またはid属性を上書きします。
• デバイスのホーム画面に表示されるアプリ名を上書きします。
• Appflow SDK（Deployプラグイン）の変数と設定を上書きします。

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

次は何をしますか？

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

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

アプリの構築を楽しんでください！💙