動的サイトをFirebaseで本番環境にあげたい
javascriptでFirebese ステージでmp4をアップデートし、
動的サイトを作成しました。
そこで、Firebaseで本番環境にあげたいのですが、エラーが出て、全く出来ない状況です。
発生している問題・エラーメッセージ
ターミナルで『firebase login』を押すと以下のエラーメッセージが出ます。
? Which Firebase CLI features do you want to setup for this folder? Press Space to select features, then Enter to confirm your choices.
◯ 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
※他サイトで動的ファイルの場合は、「Hosting/Storage」を選択と記載されていたので、この2つを選択。
そうすると、下記のエラーが出て、そこから全く進むことが出来ません。
=== 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)? Yes
? Set up automatic builds and deploys with GitHub? No
? File public/index.html already exists. Overwrite? No
i Skipping write of public/index.html
=== Storage Setup
Firebase Storage Security Rules allow you to define how and when to allow
uploads and downloads. You can keep these rules in your project directory
and publish them with firebase deploy.
? What file should be used for Storage Rules? storage.rules
i Writing configuration info to firebase.json...
i Writing project information to .firebaserc...
✔ Firebase initialization complete!
(PC名・プロジェクト名・名前))$ firebase deploy
Error: Not in a Firebase app directory (could not locate firebase.json)
(PC名・プロジェクト名・名前)$ firebase deploy
=== Deploying to 'smile1-31940'...
i deploying storage, hosting
Error: Error reading rules file storage.rules
(PC名・プロジェクト名・名前)$ firebase deploy
=== Deploying to 'smile1-31940'...
i deploying storage, hosting
Error: Error reading rules file storage.rules
(PC名・プロジェクト名・名前)$ firebase deploy
=== Deploying to 'smile1-31940'...
i deploying storage, hosting
Error: Error reading rules file storage.rules
(PC名・プロジェクト名・名前)$ firebase deploy
=== Deploying to 'smile1-31940'...
i deploying storage, hosting
Error: Error reading rules file storage.rules
(PC名・プロジェクト名・名前)$
また、Hosting のみ選択しても、URLを叩くと、下記が出て、削除してもサイトには飛びません。
Googleログインの画面が表示さます。
その場合は、「xxx.firebaseapp.com」もしくは「xxx.web.appはFirebaseに公開されています。
デプロイ完了とも記載されておりますが、実際にURLをクリックしても上記の画像になりサイトにはたどり着けません。
※試したこと
ストレージのルールは基本にしていましたが、これがエラーとなりました。
rules_version = '2';
service firebase.storage {
match /b/{bucket}/o {
match /{allPaths=**} {
allow read, write: if true;
}
}
}
特に認証などはいらないサイトです。(メアド・名前の登録も必要ありません)
そのため、上記以外のルールが当てはまらないと思い、ここでも混乱しています。
試したこと
参考にしたサイトです。
https://qiita.com/sachiko-kame/items/f1a9b35a361296688c9a
https://qiita.com/ryo2132/items/8d33524fe24a589089a2
https://webdesign-trends.net/entry/9692
上記のサイトを見ながら進めましたが見ることができませんでした。
【補足】
もう一度、自分でやり直しをしてhttps://qiita.com/s-yoshida/items/51f6f158bba0f445c9cc
を見ながらやっていますが、【Cannot GET /】とでてしまい、ローカルでもみることはできません。
どのようにすればFirebaseで本番環境でアップできるのか、恐れ入りますが、可能であれば
噛み砕いて教えていただければ幸いです。(https://webdesign-trends.net/entry/9692
をやった際に、自信で作成したhtmlタグが削除になっているのは、どうしてでしょぅか?)
どうか宜しくお願いいたします。
あなたの回答
tips
プレビュー