CIでCI/CDをまわしちゃいましょう。環境を構築する#Firebaseを御覧ください。Hostingの設定もしてくれます。以下のコマンドで追加しましょう。@angular/fireFirebaseプロジェクトを選択します。(ngx-firebase-travis-ci-example)設定が完了するとfirebase.jsonなどのファイルが出来ているはずです。deployなるコマンドが追加されていて、これを使うとデプロイできます。手動でデプロイしてみましょう。8.3.0から変わった、イケてる初期テンプレートが見れました。ここからさらに設定を加えていきます。以下のコマンドを実行します。--addプロジェクトを聞かれるので先程と同じプロジェクトを選択します。ngx-firebase-travis-ci-exampleエイリアスをつけます。production、staging、developmentなど環境を分けたい場合はここでエイリアスをつけて切り替えられるようになります。今回はproductionオンリーでいくのでproductionにします。production以上です。Hosting以外の機能も利用する場合は追加で設定が必要です。環境を構築する#firebase-toolsでプロジェクトを用意するを御覧ください。CI.travis.yml.travis.ymlをプロジェクトフォルダ直下に作成します。内容は以下のとおりです。testを行うかどうかで少し変わってきます。testを行う場合.travis.ymlは以下の通りになります。Firebaseのエイリアスを指定するこのままではCI環境でテストを実施できないので、テストの設定を変更します。公式ドキュメントに詳しく書いてあります。karma.conf.jsのbrowsersの下に、customLaunchersを追加します。['--no-sandbox']}},E2Eテストプロジェクトのフォルダ直下にprotractor-ci.conf.jsを作成します。testを行わない場合テストを行わない場合は.travis.ymlだけでOKです。.travis.ymlの内容もよりシンプルになっています。CIに設定する必要があります。CIにFirebaseのTokenを設定するをご参照ください。確認GitHubにプッシュしてCIが走るか確認してみましょう。対象のリポジトリのCIが有効になっているか確認します。有効になっていなければ有効にしましょう。次にGitHubにプッシュします。成功すると緑になります。--addをしていない可能性があります。こちらを参照してください。さいごに今回の例のソースコードは以下にあります。コメントをキャンセルメールアドレスが公開されることはありません。