Firebaseに公開！

Angularで作ったものを、FirebaseのHostingに公開してみましょう。
とりあえず、前回作った、ログイン・ログアウトできるだけのやつを公開だ。

コンソールを開いて、プロジェクトのディレクトリにて以下を叩く

firebase init

するとなにか英語で聞いてくる。

回答としては

● Hosting: Configure and deploy Firebase Hosting sites

What do you want to use as your public directory? dist

Configure as a single-page app (rewrite all urls to /index.html)? Yes

くらいでよい。

次に、
場所：new-project/src/environments/environment.ts
のfirebaseの設定を
場所：new-project/src/environments/environment.prod.ts
にコピーする。

そしたら、以下を叩く。
プロジェクトのビルドです。

ng build --prod

成功したら、次はデプロイ。

firebase deploy

成功したら、URLがでるので、それをブラウザで開くと見られます。

かんたんだ・・・。