💭
Firebaseのhostingにdeploy! Vue Nuxt
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