前提

・node.jsをインストールしている (まだの方はこちらを参照)

・Firebaseのプロジェクトを作成している(まだの方はこちらを参照)

 

Firebaseに必要なツールをインストール

npm install -g firebase-tools

 

Firebaseの認証

Firebaseのプロジェクトを作成したGoogleアカウントと認証をする必要がある。

firebase login

上記のコマンドを実行してログインをする。

 

Firebaseの初期化

Firebaseを作成したい適当なフォルダに移動して以下のコマンドを実行する。

firebase init

 

以下、色々と設定をする必要があるが、重要なもののみ記述する。(基本はデフォルト値で問題なし)

 

initコマンドを実行すると、以下の様にどの機能を使用するか選択する必要がある。

必要なものにチェックを入れて進む。

( ) Database: Deploy Firebase Realtime Database Rules ( ) Firestore: Deploy rules and create indexes for Firestore ( ) Functions: Configure and deploy Cloud Functions ( ) Hosting: Configure and deploy Firebase Hosting sites ( ) Storage: Deploy Cloud Storage security rules

 

続けてプロジェクトとの紐づけをする。

今回はプロジェクトを作成している前提なので、予め作成しておいたプロジェクトを選択する。

 

JavascriptかTypescriptのどちらを使用するか問われるので好きな方を選択する。

? What language would you like to use to write Cloud Functions? > JavaScript   TypeScript

 

インストール後の質問の中に以下の様なものがある。

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

これを Yes にするとSPA(Single Page Application)として設定がされることになるので、SPAにする予定がない場合は No を選択する。

 

ローカルサーバーの起動

以下のコマンドを実行する。

firebase serve

http://localhost:5000 にアクセスして以下の画面が表示されればOK。