💭

Firebaseのhostingにdeploy! Vue Nuxt

2024/05/15に公開

Firebase のHosting

実務でhostingをやることになったので備忘録でかきこ

初めての場合

1.初めての場合は、firebase-toolsをインストールする

npm install -g firebase-tools

2.次にFirebaseにログイン
firebaseでプロジェクト作成しているのであれば紐づけできます。

firebase login

アカウントログインします。
googleログイン画面が立ち上がります。
ログイン済みの場合はコンソールにアカウントが表示れます。

npm run build

ビルドします。

初めてじゃない場合、初めての場合

資産をビルドする
これはプロジェクトをWeb上に上げるために行います。

npm run generate

上記を行い下記の様にエラーなくターミナルで表示されればあらかたOK

 You can now deploy .output/public to any static hosting! 

4.hostingするために下記コマンド

firebase deploy --only hosting:xxxxxx

xxxxには、.firebase.jsonに記載ある"site"に記載あるサイト名を記載する
※例

// firebase.json ファイル
{
  "hosting": {
    "site": "xxxxx",
    "public": ".output/public",
    "cleanUrls": true,
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
  }
}

firebaseのコンソールで表示されていることを確認して終了です。

Discussion