ReactNativeアプリの使用を開始する

概要

メールまたはGitプロバイダーを介してサインアップし、リポジトリに接続して、React Nativeアプリの最初のビルドを実行することにより、Bitriseの使用を開始します。

Expoプロジェクト

React NativeプロジェクトでExpoを使用する場合は、専用のガイドがあります。 Expoアプリの使用を開始する

ReactNativeプロジェクトをで簡単にセットアップおよび構成できます ビットライズ。 React NativeリポジトリはAndroidプロジェクトとiOSプロジェクトで構成できるため、AndroidアプリとiOSアプリで通常行うように構成を行う必要があります。 BitriseでReactNativeプロジェクトを実行すると、最初にAndroid、次にiOSビルドがビルドされることがわかります。

Bitriseアカウントをお持ちですか?

サインアップしていることを確認してください bitrise.io Bitriseアカウントにアクセスできます。アカウントを登録する方法は複数あります。

ReactNativeアプリをBitriseに追加する

この手順では、アプリをBitriseに追加し、リポジトリに接続し、リポジトリアクセスを設定し、ブランチを選択し、プロジェクトを検証するプロセスについて説明します。以下では、ReactNative固有の構成もいくつか取り上げます。

  1. あなたのBitriseに行きます ダッシュボード

  2. クリック + 上部のメニューバーにサインオンして、 WebUIに新しいアプリを追加する、に移動します 新しいアプリを作成する ページ。

    または、CLIを使用してアプリを追加することもできます。詳細については、チェックアウトしてください CLIからの新しいアプリの追加

  3. アプリを追加するアカウントを選択します。

  4. アプリのプライバシーを次のいずれかに設定します 民間 また 公衆 をクリックします

  5. リポジトリをホストするGitホスティングサービスを選択してから、プロジェクトをホストする独自のリポジトリを見つけて選択します。

  6. リポジトリアクセスを設定するように求められたら、をクリックします いいえ、SSHキーを自動追加します

  7. プロジェクトの構成を含むブランチの名前を入力します- 主要たとえば、-次にクリックします

  8. Bitriseがプロジェクトを検証している間待ちます。選択したブランチで構成ファイルが利用できる場合、スキャナーはアプリをReactNativeアプリとして検出します。

    プロジェクトが1つのモジュールのみで構成されている場合、そのモジュールは自動的に選択されます。 モジュール。プロジェクトに複数のモジュールが含まれている場合は、モジュールを選択できますが、メインのモジュールをお勧めします。

  9. の中に 変異体 フィールドで、プロジェクトに適したバリアントを選択します。選ぶ すべてのバリアントを選択 すべてのバリアントをビルドします。選ぶ デバッグ また リリース APKまたはIPAファイルを生成する場合。

  10. の中に プロジェクト(またはワークスペース) フィールドで、XcodeプロジェクトまたはXcodeワークスペースパスを選択します。

  11. の中に スキーム名を選択、スキーム名を選択します。プロジェクトにSHAREDスキームがない場合、スキャナーの検証は失敗します。 Bitriseを手動でXcodeスキームにポイントすることもできますが、共有されている場合は、自動的に検出されます。

  12. ipaエクスポート方法を選択します、.ipaファイルのエクスポート方法を選択します:アドホック、アプリストア、開発、またはエンタープライズ方法。心配しないでください。後で変更できます。

これで、ReactNativeプロジェクトが正常にセットアップされました。 bitrise.io!最初のビルドは自動的に開始されます。最初のビルドで生成されたアーティファクトを確認できます アーティファクト ビルドのページのタブ。

の依存関係のインストール リアクトネイティブ アプリ

Bitriseプロジェクトスキャナーが正常にスキャンした場合 リアクトネイティブ 事業、 npmコマンドを実行します また ヤーンコマンドを実行する ステップはデフォルトのワークフローに含まれます。これらの手順により、不足しているJavascriptの依存関係をアプリにインストールできます。

ネイティブAndroidの依存関係については、 不足しているAndroidSDKコンポーネントをインストールする ステップ。

ネイティブiOSの依存関係については、特に、 Homebrewインストール ステップまたは CocoaPodsインストールを実行します ステップ。

npmを使用してJavascriptの依存関係をインストールするには:

npmの代わりにYarnを使用する

このガイドでは、npmを使用してJavascriptの依存関係をインストールしています。ただし、 ヤーンコマンドを実行する 手順:追加の構成を必要とせずに、不足しているJS依存関係をインストールできます。

  1. でアプリを開きます ビットライズ

  2. に移動します ワークフロー タブ。

  3. からワークフローを選択します ワークフロー ドロップダウンメニュー。

    Installing any additional tools
  4. ワークフローに npmコマンドを実行します ステップ。

  5. の中に 実行する引数を指定したnpmコマンド 入力フィールド、タイプ インストール

    Getting started with React Native apps

ReactNativeアプリのコード署名

React Nativeアプリは、AndroidとiOSの2つのプロジェクトで構成できます。どちらも、署名手順が異なります。プロジェクトのワークフローエディタの[コード署名]タブをクリックすると、すべてのiOSおよびAndroidコード署名フィールドが1ページに表示されます。プラットフォーム固有の手順に従って、iOSとAndroidの両方のアプリにコード署名します。

Androidプロジェクトに署名する

すべてのAndroidアプリは、Androidデバイスにインストールする前に、証明書を使用してデジタル署名する必要があります。 Bitriseでは、この目的のために専用のステップを使用できますが、最初にキーストアファイルが必要になります。

  1. キーストアファイルを生成する

  2. でアプリを開きます ビットライズ

  3. に移動します ワークフロー タブ。

  4. に移動します コード署名 タブ。

  5. キーストアファイルをにドラッグアンドドロップします Androidキーストアファイル 分野。

  6. 記入してください キーストアのパスワードキーストアエイリアス、 と 秘密鍵のパスワード フィールドをクリックしてクリックします メタデータを保存する

    Getting started with Android apps
  7. からワークフローを選択します ワークフロー ドロップダウンメニュー。

  8. 追加します Androidサイン ワークフローに進みます。

Xcodeプロジェクト用に署名されたIPAを作成する

概要

You can easily create a signed IPA file for your Xcode project with Bitrise if you have your Apple connection set up correctly and you made code signing files available to your builds.

注記

BitriseでのiOSコード署名の概要

コード署名資産管理に利用できるステップの包括的な概要については、次のWebサイトをご覧ください。 iOSコード署名ページ

Bitriseを使用すると、Xcodeプロジェクト用の署名付きIPAファイルを簡単に作成できます。あなたがする必要があるのはあなたのコード署名ファイルが正しく管理されていることを確認し、そして私たちの関連する入力を設定することです iOS用のXcodeアーカイブとエクスポート ステップ。

ディストリビューションと開発署名証明書をアップロードします

プロジェクトの開発署名証明書と配布署名証明書の両方をアップロードすることを強くお勧めします。さまざまな種類の証明書がないと、さまざまな種類の署名付きIPAファイルを生成できません。

すべての設定が完了したら、ワークフローでのIPAエクスポートの設定に進みます。

  1. 必要なことを確認してください コード署名ファイルが収集され、アップロードされました

  2. あなたが持っていることを確認してください iOS用のXcodeアーカイブとエクスポート ワークフローにステップインします。

  3. をセットする 配布方法 ステップの入力。

    creatingasignedipa.png

    自動プロビジョニングを使用する場合は、の値と一致していることを確認してください 配布タイプ 関連する入力 iOS自動プロビジョニング ステップ。オプションは次のとおりです。

    • auto-detect -このオプションは非推奨であり、削除されることに注意してください。使用はお勧めしません。

    • app-store:アプリをApp Storeにデプロイする場合は、これを選択します。配布証明書とAppStoreプロビジョニングプロファイルが必要です。

    • ad-hoc:アプリをアドホックテスターにデプロイする場合は、これを選択します。配布証明書とアドホックプロビジョニングプロファイルが必要です。

    • enterprise:Apple Enterpriseアカウントをお持ちで、それを使用してアプリを配布する場合は、これを選択してください。

    • development:内部テストにはこれを選択してください。開発者証明書と開発プロビジョニングプロファイルが必要です。

  4. をセットする 自動コード署名 コード署名に使用するAppleサービス接続への入力。使用可能なオプションは次のとおりです。

  5. ワークフローを保存して、新しいビルドを開始します。

それで全部です。 Xcodeは、プロジェクトのバンドルIDとチームIDの設定、および設定したエクスポート方法に基づいて、適切な署名ファイルを自動的に選択します。

別のチームのコード署名ファイルを使用してIPAファイルに署名する

別のチームのコード署名ファイルを使用してIPAファイルに署名する場合(たとえば、社内ビルドに会社のコード署名を使用しているが、App Store配布にクライアントのコード署名ファイルを使用している場合)、設定するだけです。 NS このエクスポートに使用する開発者ポータルチーム オプションも(に加えて 配布方法)。

  • 会社のコード署名ファイルを内部ビルドに使用しているが、クライアントのコード署名ファイルがAppStoreの配布に使用されている場合。

  • 自動コード署名にAppleIDを使用し、Apple IDが複数のチームに属している場合は、開発者ポータルチームを使用してこのエクスポート入力に使用し、自動コード署名資産管理に使用するチームを指定します。

そうするには:

  1. 新しい開発チームの正しいコード署名ファイルがBitriseにアップロードされていることを確認してください。

  2. このエクスポートオプションにも使用するように開発者ポータルチームを設定します( 配布方法)。

  3. をセットする 配布方法

ReactNativeアプリのテスト

ReactNativeの組み込みテストメソッドを使用できます。 冗談 ユニットテストを実行します。

  1. でアプリを開きます ビットライズ

  2. に移動します ワークフロー タブ。

  3. からワークフローを選択します ワークフロー ドロップダウンメニュー。

    Installing any additional tools
  4. 追加します npmコマンドを実行します ワークフローに進みます。

  5. の中に 実行する引数を指定したnpmコマンド 入力フィールド、タイプ テスト

    Getting started with React Native apps

ReactNativeアプリのデプロイ

ReactNativeアプリを次の場所にデプロイできます。

  • bitrise.io:これにより、生成されたバイナリをダウンロードし、パブリックインストールページを介して他のユーザーと共有できます。

  • オンラインストア:複数の異なるオンラインストアを統合しています。これらのガイドでは、GooglePlayとAppleのAppStoreに公開する方法を紹介します。

クロスプラットフォームアプリをbitrise.ioにデプロイする

The bitrise.ioにデプロイします ステップは、ビルドに関連するすべてのアーティファクトをにアップロードします アーティファクト ビルドのページのタブ。

パブリックインストールページを使用して、生成されたアプリファイル(Androidの場合はAAB、iOSの場合はIPAファイル)をチームメンバーと共有できます。パブリックインストールページは、生成されたアプリバイナリをデバイスにインストールできる他のユーザーと共有できるURLです。 AAB / APKまたはIPAファイルが作成されたことをユーザーグループまたは個々のユーザーに通知することもできます。

expo.ioへの公開

NS Bitrise.ioにデプロイします ステップはExpoコマンドを使用せず、に公開しません expo.io。このステップでは、アーティファクトをBitriseに公開しますが、特定のプラットフォームに固有のものではありません。

に公開する必要がある場合 expo.io、 をセットする イジェクト後にexpopublishを実行しますか? の入力 イジェクトエキスポ にステップ yes。その場合、公開するExpoアカウントのユーザー名とパスワードを入力する必要があることに注意してください expo.io。

  1. でアプリを開きます ビットライズ

  2. に移動します ワークフロー タブ。

  3. からワークフローを選択します ワークフロー ドロップダウンメニュー。

    Installing any additional tools
  4. あなたが持っていることを確認してください bitrise.ioにデプロイします ワークフローにステップインします。

  5. の中に 通知:ユーザーの役割、この役割が付与されている人だけに通知されるように、役割を追加します。または、 通知:メール 通知するユーザーの電子メールアドレスを含むフィールド。

    これらのメールアドレスを次のように設定してください 秘密!これらの詳細は、以下で変更することもできます。 通知 クリックすると で生成されたバイナリの横にあるアイコン アーティファクト タブ。

  6. ステップでパブリックインストールページを生成する場合は、 アプリの公開ページを有効にしますか? への入力 NS

アプリをiTunesConnectにデプロイする

アプリをiTunesConnectにプッシュするたびに、固有のビルドとバージョン番号が必要であることに注意してください。 いずれかまたは両方をインクリメント 展開する前に。

  1. あなたが働いていることを確認してください AppleDeveloperアカウントへの接続

  2. 自分のマシンで少なくとも1回はIPAファイルを生成します。

  3. 必要なすべてのコード署名ファイルをアップロードする Bitriseに。

    アプリをiTunesConnectにデプロイするには、配布タイプの証明書とAppStoreタイプのプロビジョニングプロファイルが必要です。

  4. 確認してください iOS用のXcodeアーカイブとエクスポート ステップはワークフローにあります。

  5. をセットする 自動コード署名 コード署名に使用するAppleサービス接続への入力。使用可能なオプションは次のとおりです。

    • off 自動コード署名を使用しない場合、またはAppleサービス認証にステップ入力のみを使用する場合。

    • api-key 使用する場合 APIキー認証

    • apple-id 使用する場合 AppleID認証

  6. をセットする エクスポート方法を選択してください ステップの入力 app-store

    このステップでは、エクスポートされた.ipaファイルのパスが$ BITRISE_IPA_PATH環境変数に保存されます。

  7. 追加します Deploy to iTunes Connect ワークフローに進みます。

  8. 必要な入力を入力します。

    • アプリのAppleIDまたはバンドルIDのいずれかが必須の入力です。 2つのうちの1つを提供する必要があります。

    • あなたが設定した場合 レビューのために送信true、ステップは、送信がiTunes Connectで処理されるのを待ってから、指定されたバージョンのアプリをレビューのために送信します。

    • のデフォルト値 アプリバージョンの更新をスキップ 入力は No。別の方法でアプリのバージョン番号をインクリメントした場合にのみ変更してください。

    • 複数のチームにリンクされているiTunesConnectアカウントを使用する場合は、チームIDまたはチーム名のいずれかを入力してください。

  9. ビルドを開始します。

すべてがうまくいけば、アプリはiTunes Connectに送信され、TestflightまたはAppStoreから配布できます。

AndroidプロジェクトをGooglePlayにデプロイする

あなたは使用することができます GooglePlayにデプロイする ワークフローにステップインして、デジタル署名されたAAB / APKをGooglePlayストアにアップロードします。

  1. コード署名を構成する あなたのアプリのために。

  2. GooglePlayアクセスを構成します。

    これを行う必要があるのは、アプリの最初のGooglePlayデプロイの場合のみです。

  3. あなたが持っていることを確認してください GooglePlayにデプロイする 後のステップ Androidサイン ワークフローにステップインします。

  4. 次のように、必須の入力フィールドに入力します。

    • サービスアカウントのJSONキーファイルパス:このフィールドはリモートURLを受け入れることができるため、アップロードされたサービスアカウントのJSONキーを含むEnvVarを指定する必要があります。例えば: $BITRISEIO_SERVICE_ACCOUNT_JSON_KEY_URL

    • パッケージ名:Androidアプリのパッケージ名。

    • 追跡:APKをデプロイするトラック(たとえば、alpha / beta / rollout / productまたは設定したカスタムトラック)。