質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

HTTP

HTTP(Hypertext Transfer Protocol)とはweb上でHTML等のコンテンツを交換するために使われるアプリケーション層の通信プロトコルです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

1850閲覧

動的サイトをFirebaseで本番環境にあげたい。

Alice1118

総合スコア0

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

HTTP

HTTP(Hypertext Transfer Protocol)とはweb上でHTML等のコンテンツを交換するために使われるアプリケーション層の通信プロトコルです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/10/11 23:04

編集2022/01/12 10:55

動的サイトを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タグが削除になっているのは、どうしてでしょぅか?)

どうか宜しくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問