# Firebase への配信

[Firebase](https://firebase.google.com) への配信方法について説明します。\
Firebaseへの配信は、[Firebase Hosting機能](https://firebase.google.com/docs/hosting/quickstart?hl=ja)を利用しています。また、Firebaseへの配信は、PWAビルドされたアプリのみ対応しています。

## 準備

配信のするための事前準備として、`プロジェクトID`と`APIトークン`を用意する必要があります。

### プロジェクトID

1. [Firebaseコンソール](https://console.firebase.google.com)にて、プロジェクトを作成します。
2. プロジェクトIDは、下の赤枠に表示されます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgzM2a_P_5sTp3XyZK7%2F-MgzMEi5BNhIgz1h4cC0%2Fimage.png?alt=media\&token=4c28eae4-a80b-46a3-bcad-60d3cbfbb337)

### API トークンの取得方法

1. [Firebase CLI ガイド](https://firebase.google.com/docs/hosting/quickstart?hl=ja) に沿って`Firebase CLI をインストール`します。
2. Firebase CLIをインストールした後、次のコマンドにてトークンを取得します。

```bash
firebase login:ci
```

### firebase.jsonファイル

初期化後、Firebaseはfirebase.jsonファイルをローカルプロジェクトのルートに追加します。このファイルをMonacaの対象プロジェクトのルートに追加する必要があります。

## デプロイサービスの登録

事前に用意したFirebaseの情報をMonacaへ登録する方法は、次のとおりです。

1. Monaca クラウド IDE メニューの**`設定 → デプロイサービス`**を選択します。
2.  `新しく追加する`をクリックします。
3. `Firebase` を選択し、以下の必要情報を入力します。
   * `エイリアス名`: 各サービスの一意の識別子 (Monaca内で管理するための識別子)
   * `API トークン`: Firebase CLI で取得した API トークン
   * `プロジェクト ID`: Firebase コンソールから取得したID
4.  `追加`をクリックします。

## デプロイを実施

登録したデプロイサービスを利用して、Firebaseへの配信を行います。

1. PWAビルドを行います。ビルドの手順は、[PWA アプリのビルド](https://ja.docs.monaca.io/products_guide/monaca_ide/build/build_pwa)を参照ください。
2. ビルド完了後に、ビルド結果画面に遷移します。
3. ビルド結果画面からデプロイを実行します。画面下部に登録したデプロイサービスが表示されますので、クリックし配信を開始します。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgzM2a_P_5sTp3XyZK7%2F-MgzMfm3DowMHUxpPlSM%2Fimage.png?alt=media\&token=98105dc0-554f-48fb-96a9-bbfc3265140b)