静的ホスティング完了までの過程

ShogoHirasawa commented 2 years ago

ShogoHirasawa commented 2 years ago

firebase-toolsをインストール

以下のコマンド実行

$ npm install -g firebase-tools

脆弱性指摘されてるけど、多分問題なくいけた

ShogoHirasawa commented 2 years ago

以下のコマンド実行

firebase init hosting

ログインしろってエラーでた

以下のコマンド実施

firebase login

ログイン成功

再度、以下のコマンド実施

firebase init hosting

Use an existing projectを選択

cheetsheeet-test を選択

参照先のフォルダを指定

設定を以下の通りにした。とりあえず初期設定はOKっぽい

ShogoHirasawa commented 2 years ago

デプロイしたいディレクトリまで移動

cd /Users/shogohirasawa/Desktop/cheetsheeet-test

移動したら以下のコマンド実行

firebase deploy --only hosting

"public"っていうディレクトリ作ってっていうエラーでた。 "public"っていうディレクトリ内にホスティングしたいものがないとエラーが出るっぽい

"public"の名称でフォルダを作って、底まで移動

cd /Users/shogohirasawa/Desktop/cheetsheeet-test/public

再度コマンド実行

/Users/shogohirasawa/Desktop/cheetsheeet-test/の下に"public"ディレクトリを作って /Users/shogohirasawa/Desktop/cheetsheeet-test/でコマンドを実行しなくではだめっぽい。

再度以下のディレクトリに移動して、コマンドを実行

cd /Users/shogohirasawa/Desktop/cheetsheeet-test/

firebase deploy --only hosting

また、同じエラーでた。理由不明。

firebase.jsonに記載されているルーティングがよくなかったっぽい。ここを修正したらホスティングできた。

https://cheetsheeet-test.web.app/

ホスティングしたけど、404エラーでた

ShogoHirasawa commented 2 years ago

firebase.jsonをいじりすぎてルーティングおかしくなった。もう一回、プロジェクトを作るところからやり直してみる続きは以下のIsuueで

https://github.com/ShogoHirasawa/firebase-practice/issues/2