既に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の設定しかなかったのでこんな感じ。
【参考】
- Initializing firebase CLI Features in an existing Firebase project directory - Stack Overflow
- Firebase CLI リファレンス | Firebase
実行結果
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 件のコメント:
コメントを投稿