2019年9月10日火曜日

既存のFirebase Projectにサービスを追加する

既にFirebase Functions, Cloud Firestoreを使用しているプロジェクトに、Firbase Hostingを追加したかった。

結論

既存のプロジェクトディレクトリのルートから

firebase init hosting

とやって大丈夫です。

もう少し詳しく

実行しようとすると

Before we get started, keep in mind:
  * You are initializing in an existing Firebase project directory
? Are you ready to proceed?

(既存のFirebaseプロジェクトのディレクトリで初期化しようとしてるけど大丈夫?進めていいのね??)
と聞かれるので不安になりますが、まだ使ってないサービスを指定するなら大丈夫でした。

たとえばFunctionsとFirestoreを既に利用しているプロジェクトにHostingを追加した場合、

  • publicディレクトリの作成
  • firebase.jsonにhostingの設定を追記

が行われました。FunctionsやFirestoreの設定が上書きされてしまうことはありませんでした。
私の場合、元々firebase.jsonの中にはFirestoreの設定しかなかったのでこんな感じ。

【参考】

実行結果

C:\Users\Owner\workspace\myapp>firebase init hosting

     ######## #### ########  ######## ########     ###     ######  ########
     ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
     ######    ##  ########  ######   ########  #########  ######  ######
     ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
     ##       #### ##     ## ######## ########  ##     ##  ######  ########

You're about to initialize a Firebase project in this directory:

  C:\Users\Owner\workspace\myapp

Before we get started, keep in mind:

  * You are initializing in an existing Firebase project directory

? Are you ready to proceed? Yes

=== Project Setup

First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add,
but for now we'll just set up a default project.

i  .firebaserc already has a default project, using myapp.

=== Hosting Setup

Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build's output directory.

? What do you want to use as your public directory? public
? Configure as a single-page app (rewrite all urls to /index.html)? No
+  Wrote public/404.html
+  Wrote public/index.html

i  Writing configuration info to firebase.json...
i  Writing project information to .firebaserc...

+  Firebase initialization complete!

C:\Users\Owner\workspace\myapp>

0 件のコメント:

コメントを投稿