Angular CLI v8.3.0 で導入された ng deploy コマンドで Firebase への deploy を試したメモ。
automatic-deployment-with-the-cli を参考にした。
ng deploy コマンドは 3rd party library を使って様々な Hosting サービスにデプロイができる。今回は @angular/fire を使って Firebase hosting へのデプロイを試す。
事前準備
- Firebase hosting を使うので Firebase console からプロジェクトを追加する
- npm package の firebase-tools をグローバルインストールする
firebase loginやfirebase initして初期化をするfirebase listコマンドで Firebase console で作ったプロジェクトが見えるか確認する
アプリケーション側のセットアップ
- パッケージインストール
@angular/fireはng addコマンドでインストールできる
$ yarn ng add @angular/fire
パッケージインストールが終わった直後にデプロイ対象のプロジェクト選択が求められるので先程 Firebase console で作成したものを選ぶ
インストールに成功すると angular.json の architect の中に deploy が追加されるのでこれで
ng deployコマンドが使えるようになる
デプロイ
- デプロイコマンドを実行するだけで production build から deploy までが実行される
$ yarn ng deploy
感想
- Firebase 側の準備ができていればアプリケーション側は Angular CLI で new をしてから
@angular/fireをng addするだけで使えるようになるお手軽さ！
