Firebase App Distribution iOS SDK を使用して、新しいアプリのリリースについてテスターに警告する - Codelab

1. 概要

Firebase App Distribution SDK を iOS アプリに統合する Codelab へようこそ。この Codelab では、新しいビルドがダウンロード可能になったときにアプリ内アラートをテスターに表示できるように、App Distribution SDK をアプリに追加します。基本構成とカスタム構成の両方を使用して、テスターがログインしてアップデートを受け取る方法について説明します。その後、新しいリリースを App Distribution に push し、アプリで直接新しいビルドアラートをトリガーします。

学習内容

  • App Distribution を使用してプレリリース版アプリを実際のテスターに配布する方法
  • App Distribution iOS SDK をアプリに統合する方法
  • インストールの準備ができた新しいプレリリース版ビルドが届いたときにテスターに通知する方法
  • 独自のテストニーズに合わせて SDK をカスタマイズする方法

必要なもの

このチュートリアルをどのように使用されますか?

通読のみ 通読して演習を行う

iOS アプリ作成のご経験についてお答えください。

<ph type="x-smartling-placeholder"></ph> 初心者 中級 上達 をご覧ください。

2. Firebase コンソール プロジェクトを作成する

新しい Firebase プロジェクトを追加する

  1. Firebase にログインします。
  2. Firebase コンソールで [プロジェクトを追加] をクリックし、プロジェクトに「Firebase Codelab」という名前を付けます。

このプロジェクトでは Google アナリティクスを有効にする必要はありません。

  1. [プロジェクトの作成] をクリックします。

アプリを Firebase に追加する

ドキュメントに沿って、アプリを Firebase に登録します。iOS バンドル ID には「com.google.firebase.codelab.AppDistribution.<your_name>」を使用します。

プロンプトが表示されたら、プロジェクトの GoogleService-Info.plist ファイルをダウンロードします。この値は後で使用します。

3. サンプル プロジェクトを取得する

コードのダウンロード

まず、サンプル プロジェクトのクローンを作成します。

git clone git@github.com:googlecodelabs/firebase-appdistribution-ios.git

git がインストールされていない場合は、GitHub ページから、またはこちらのリンクをクリックして、サンプル プロジェクトをダウンロードすることもできます。

依存関係をダウンロードして Xcode でプロジェクトを開く

  1. 同じディレクトリの Podfile を開きます。
cd firebase-appdistribution-ios/start
Open Podfile
  1. podfile に次の行を追加します。

Podfile

pod 'Firebase/AppDistribution'

プロジェクト ディレクトリで pod update を実行し、Xcode でプロジェクトを開きます。

pod install --repo-update
xed .

Firebase アプリに合わせてバンドル ID を更新してください

左側のメニューで [AppDistributionExample] をダブルクリックします。次に、[全般] タブで、Firebase アプリのバンドル ID と一致するようにバンドル ID を変更します。Firebase アプリのバンドル ID は、プロジェクト設定で確認できます。「com.google.firebase.codelab.AppDistribution.<your_name>」のようになります。

アプリに Firebase を追加する

ファイル システムで先ほどダウンロードした GoogleService-Info.plist ファイルを見つけ、Xcode プロジェクトのルートにドラッグします。このファイルは、プロジェクトの設定ページからいつでもダウンロードできます。

3cf9290805e7fdab.png

AppDistributionExample/AppDelegate.swift ファイルで、ファイルの先頭に Firebase をインポートします。

AppDistributionExample/AppDelegate.swift

import Firebase

didFinishLaunchingWithOptions メソッドに、Firebase を構成する呼び出しを追加します。

AppDistributionExample/AppDelegate.swift

FirebaseApp.configure()

4. App Distribution SDK を使用してアプリ内の新しいビルドアラートを設定する

このステップでは、Firebase App Distribution SDK をアプリに追加し、アプリの新しいビルドがインストール可能になったときにテスターにアプリ内アラートを表示します。そのためには、「Firebase Codelab」で Firebase App Testers API を有効にする必要があります。Google Cloud コンソールで作成します。同じアカウントでログインし、上部のプルダウン メニューから正しいプロジェクトを選択する必要があります。

アプリ内アラートを構成する

App Distribution SDK には、テスター用のアプリ内ビルドアラートを設定する方法が 2 つあります。基本アラート構成では、テスターに表示する事前構築済みのログイン ダイアログを使用します。詳細アラート構成では、独自のユーザー インターフェース(UI)をカスタマイズできます。

まず、基本的なアラート構成から始めます。checkForUpdate を使用して、アラートをまだ有効にしていないテスターに、事前に構築された有効化アラート ダイアログを表示し、新しいビルドが使用可能かどうかを確認できます。テスターは、App Distribution でアプリにアクセスできるアカウントにログインすることでアラートを有効にします。このメソッドを呼び出すと、このメソッドにより次のシーケンスが実行されます。

  1. テスターがアラートを有効にしているか確認します。そうでない場合は、Google アカウントで App Distribution にログインするよう求める、事前構築済みのダイアログを表示します。

アラートの有効化はテストデバイスで 1 回限り実行するプロセスであり、アプリがアップデートされても保持されます。アプリがアンインストールされるか、signOutTester メソッドが呼び出されるまでは、該当のテストデバイスでアラートは有効のままです。詳細については、このメソッドのリファレンス ドキュメント(Swift または Objective-C)をご覧ください。

  1. テスターがインストールできる新たに利用可能になったビルドを確認します。リリース オブジェクトまたはエラーを返します。

checkForUpdate は、アプリ内の任意の場所に含めることができます。たとえば、使用可能な新しいビルドのインストールを起動時にテスターに促すには、UIViewControllerviewDidAppearcheckForUpdate を含めます。

AppDistributionViewController.swift ファイルで、ファイルの上部に Firebase をインポートします。

AppDistributionViewController.swift

import Firebase

AppDistributionExample/AppDistributionViewController.swift を開き、次のように viewDidAppear メソッドに行をコピーします。

AppDistributionViewController.swift

 override func viewDidAppear(_ animated: Bool) {
    checkForUpdate()
 }

次に、checkForUpdate() メソッドを実装します。

AppDistributionViewController.swift

  private func checkForUpdate() {
    AppDistribution.appDistribution().checkForUpdate(completion: { [self] release, error in
      var uiAlert: UIAlertController

      if error != nil {
        uiAlert = UIAlertController(title: "Error", message: "Error Checking for update! \(error?.localizedDescription ?? "")", preferredStyle: .alert)
      } else if release == nil {
        uiAlert = UIAlertController(title: "Check for Update", message: "No releases found!!", preferredStyle: .alert)
        uiAlert.addAction(UIAlertAction(title: "Ok", style: UIAlertAction.Style.default))
      } else {
        guard let release = release else { return }

        let title = "New Version Available"
        let message = "Version \(release.displayVersion)(\(release.buildVersion)) is available."
        uiAlert = UIAlertController(title: title, message: message, preferredStyle: .alert)

        uiAlert.addAction(UIAlertAction(title: "Update", style: UIAlertAction.Style.default) {
          _ in
          UIApplication.shared.open(release.downloadURL)
        })
        uiAlert.addAction(UIAlertAction(title: "Cancel", style: UIAlertAction.Style.cancel) {
          _ in
        })
      }
      self.present(uiAlert, animated: true, completion: nil)
    })
  }

5. アプリをビルドしてテスターを招待してダウンロードしてもらう

このステップでは、アプリをビルドし、Firebase コンソールを使用してテスターにビルドを配布して実装をテストします。

アプリをビルドする

アプリのプレリリース版をテスターに配布する準備ができたら、ビルド先として [Any iOS Device (arm64)] を選択し、[Product] > [Archive] を選択します。アーカイブが作成されたら、開発用配布プロファイルを使用して署名付きの配布をビルドします。

98d8eb042c36a685.png

b2e9ccff91d761c1.png

8e815564f64d2d39.png

ビルドが完了すると、指定したフォルダに IPA ファイルと一部のログファイルが保存されます。次のステップで、IPA ファイルをテスターに配布します。

アプリのビルドで問題が発生した場合は、Apple のコード署名のドキュメントでトラブルシューティングの手順をご覧ください。

テスターにアプリを配布する

アプリをテスターに配布するには、Firebase コンソールを使用して IPA ファイルをアップロードします。

  1. Firebase コンソールの [App Distribution] ページを開きます。指示に従って Firebase プロジェクトを選択します。
  2. [使ってみる] をタップします。

e4671bd304ecfe47.png

  1. [リリース] ページで、配布するアプリをプルダウン メニューから選択します。

8a3da2939b9746f4.png

  1. アプリの IPA ファイルをコンソールにドラッグしてアップロードします。
  2. アップロードが完了したら、ビルドを受け取るテスター グループとテスターを指定します。(招待状を受け取るメールアドレスを追加します)。次に、ビルドのリリースノートを追加します。テスター グループの作成について詳しくは、テスターを管理するをご覧ください。

de63e3c3c64f909e.png

  1. [Distribute] をクリックして、テスターがビルドを利用できるようにします。

b6e75dc216fc3731.png

自分自身をリリースのテスターとして追加する

これで、アプリのリリースに追加したテスターを Firebase コンソールで確認できるようになりました。

eb61c6be96ff3a11.png

メールアドレスを入力したので、アプリのテストを案内するメールが Firebase App Distribution から届きます。最初のテスターになりました!テストデバイスでテスターとして設定するには、以下の操作に進みましょう。

テストデバイスを登録する

Ad Hoc リリースをダウンロードしてテストするには、まずテストデバイスを登録する必要があります。

  1. iOS テストデバイスで、Firebase App Distribution から送信されたメールを開き、[使ってみる] リンクをタップします。Safari でリンクを開きます。
  2. 表示された Firebase App Distribution テスター ウェブアプリで、Google アカウントにログインし、[招待を承諾] をタップします。

4d1af345ef944620.png

招待されたリリースが表示されます。

  1. [デバイスを登録] をタップして UDID を Firebase と共有し、後でアプリのプロビジョニング プロファイルを更新できるようにします。

fd141215e54a938d.png

  1. 手順に沿って設定に移動し、プロファイルをダウンロードして UDID を共有します。

App Distribution に戻ると、リリースが [デバイス登録済み] とマークされています。

fe93d649dfa25877.png

これで、テスターの UDID がデベロッパーと共有されました。アプリの新しいバージョンをテスターにビルドするかは、デベロッパーが行います。

コンソールでテスター情報を表示する

Firebase コンソールでデベロッパーの表示に戻ると、テスターが [Accepted] と表示されます。:

1bef6f182c1c58f9.png

お客様が使用しているデバイスがプロビジョニング プロファイルにまだ含まれていない場合は、デベロッパーとしてメールが届きます。追加する新しい UDID が通知されます。すべての UDID をテキスト ファイルとしてエクスポートすることもできます。

  1. すべての UDID をエクスポートするには、テスターを開いて[グループ] タブ。

2745d49a6abc47fe.png

  1. [Export Apple UDIDs] をクリックします。

cb45477f8cc436ba.png

このファイルには、テストデバイスの UDID が含まれている必要があります。

Device ID            Device Name                            Device Platform
1234567890     tester.app.distribtuion@gmail.com - iPhone SE 2nd Gen        ios

こうしたメールの 1 つが届いたら、次の手順に沿ってその UDID でプロビジョニング プロファイルを更新し、新しいビルドをテスターに配布します。

  1. デバイスを Apple デベロッパー ポータルに追加します。
  • オプション 1: デバイスの UDID を CSV ファイルとしてインポートする。App Distribution ダッシュボードの [テスターとグループ] タブで、[すべてのテスター] を選択し、[Apple UDID をエクスポート] をクリックして CSV ファイルをダウンロードします。次に、[複数のデバイスを登録] オプションを使用して、ファイルを Apple デベロッパー アカウントにインポートします。詳しくは、Apple のドキュメントをご覧ください。なお、Apple デベロッパー アカウントで 1 年間にインポートできるデバイスの数は限られている場合があります。
  • オプション 2: UDID をメールで収集して入力します。Apple デベロッパー ポータルの [Add Devices] ページで、受信したメールに記載されている新しい UDID を登録します。

ffb74294e68ee1c8.png

  1. 登録済みのデバイスをプロビジョニング プロファイルに追加します。
  2. プロビジョニング プロファイルをダウンロードし、このプロファイルでアプリを再ビルドします。登録済みデバイスの更新だけを目的に再ビルドする場合は、ビルド番号またはバージョンを更新しないでください。
  3. Firebase コンソールまたは CLI からアプリを再配布します。同じビルド番号とバージョンのビルドをすでに配布している場合は、新しく登録されたデバイスのユーザーだけに通知メールが届きます。

テストデバイスからリリースをダウンロードする

これで、リリースにテストデバイスの UDID が含まれるため、テストデバイスでアプリをダウンロードしてインストールできるようになります。UDID が新しいリリースに追加されると、App Distribution からテスターにメールが送信されます。

a4049260bae2850b.png

  1. テストデバイスで、メールに記載されているリンクまたはデバイスのホーム画面のアイコンを使用して、App Distribution テスター ウェブアプリに戻ります。

UDID Codelab アプリに移動すると、リリースをダウンロードする準備ができていることがわかります。

dad6d03b6ad78746.png

  1. 実機をお使いの場合は、[ダウンロード] をタップしてアプリをインストールし、実行します。
  2. アプリが起動すると、新しいビルドアラートを有効にするように求められます。[オンにする] を選択します。

6e3540a2900734e6.png

  1. その後、ログインが求められます。[続行] をクリックします。

82d90d7935bfaea0.png

  1. テスター アカウントでログインします。

13bee1d03fa94ebf.png

  1. アプリに戻ります。次回アプリを実行する際に、ログインしたりアラートを許可したりする必要はありません。

815d6757eb5f6327.png

テスターにアップデートを配布する

  1. ビルド番号を「2」に更新します。

861aa63ebbc6ec54.png

  1. ビルド先として [Any iOS Device (arm64)] を選択し、[Product] > [Archive] を選択します。アーカイブが生成されたら、開発用配布プロファイルを使用して署名付きの配布をビルドします。
  2. ビルドが完了すると、指定したフォルダに IPA ファイルと一部のログファイルが保存されます。この新しい IPA を Firebase コンソールにアップロードし、テスターとして自分のメールアドレスを再度追加して、[配布] をクリックします。

b6e75dc216fc3731.png

ビルドアラートをテストする

  1. アプリが開いていた場合は、閉じていることを確認します。アプリを再起動します。
  2. アプリが再起動すると、「新しいバージョンが利用可能」というアラートが表示されます。

3bd532992df458e6.png

  1. [更新] をクリックして最新バージョンを入手します。
  2. 次の画面で [インストール] をクリックします。

3a761d8fa4b79d33.png

  1. これで完了です。また、組み込みのアラートを設定してアプリを更新できました。

6. テスターのログインをカスタマイズする

signInTester/signOutTester メソッドと isTesterSignedIn メソッドを使用すると、テスターのログイン エクスペリエンスを柔軟にカスタマイズできるため、アプリのデザインに合わせてカスタマイズできます。

次の例では、テスターが Firebase App Distribution テスター アカウントにすでにログインしているかどうかを確認し、まだログインしていないテスターにのみログイン UI を表示するように選択できます。テスターがログインしたら、checkForUpdate を呼び出して、テスターが新しいビルドにアクセスできるかどうかを確認できます。

checkForUpdate() 呼び出しをコメント化することで、viewDidAppear で更新の自動チェックを無効にしましょう。

AppDistributionViewController.swift

 override func viewDidAppear(_ animated: Bool) {
    // checkForUpdate()
 }

代わりに、checkForUpdateButtonClicked()checkForUpdate() を呼び出しましょう。

 @objc func checkForUpdateButtonClicked() {
    checkForUpdate()
 }

次に、signInOutButtonClicked() メソッドを実装します。このメソッドは、ユーザーがログアウトしている場合はログインし、すでにログインしている場合はログアウトします。

AppDistributionViewController.swift

 @objc func signInOutButtonClicked() {
    if isTesterSignedIn() {
      AppDistribution.appDistribution().signOutTester()

      self.configureCheckForUpdateButton()
      self.configureSignInSignOutButton()
      self.configureSignInStatus()

    } else {
      AppDistribution.appDistribution().signInTester(completion: { error in
        if error == nil {
          self.configureCheckForUpdateButton()
          self.configureSignInSignOutButton()
          self.configureSignInStatus()
        } else {
          let uiAlert = UIAlertController(title: "Custom:Error", message: "Error during tester sign in! \(error?.localizedDescription ?? "")", preferredStyle: .alert)
          uiAlert.addAction(UIAlertAction(title: "Ok", style: UIAlertAction.Style.default) {
            _ in
          })

          self.present(uiAlert, animated: true, completion: nil)
        }
      })
    }
  }

最後に、isTesterSignedI メソッドを実装しましょう。

AppDistributionViewController.swift

 private func isTesterSignedIn() -> Bool {
    return AppDistribution.appDistribution().isTesterSignedIn
 }

実装をビルドしてテストする

7. 完了

「アプリ内アラートの表示」を作成しました機能を実装する方法を学びます。

学習した内容

  • Firebase App Distribution
  • Firebase App Distribution の新しいアラート iOS SDK

次のステップ

詳細

質問がある場合

問題を報告する