Firebase で無料枠を超えたら Firestore を自動的に無効にする
個人開発ではあまり課金したくないですよね ただし、Firebase の場合は、Functions を使えば Blaze プラン（従量課金）への移行が必須で、Firestore を使えば割とすぐに無料枠を超過します もし、アプリケーションを公開してると F5/Command+R 連打される危険性もあります 寝てる時にされたら終了です 😇 実際私は以前、無料枠を超過したことがあって、26 円払いました 今は円安なので、26 円じゃあ済まされないですね ちなみにこの時はローカルで開発してて、Firestore 叩きまくってたら読み取り 5 万件/日を超えてました 料金プランは以下を参考 本題ですが、今回作った「Firestore を無効にするプログラム」は以下の流れで動きます GCP の予算アラートが発動 Pub/Sub トピックに接続 予算アラート内の設定で指定可能 Pub/Sub トリガー
Firebase apiKey ってさらしていいの? ほんとに? - Qiita
界隈でちょくちょく質問されているのを見るので調べたことをまとめてみました。 結論だけで言うと、「よい」です。 Firebase apiKey? なに? Firebase project を作成すると projectId はもちろん apiKey や databaseURL などが作成され、これを使うことで機能が使えるようになります。Firebase console でいうと Project 設定などから [アプリを追加] すると取得できます。 詳しい手順はこちら。https://support.google.com/firebase/answer/7015592?authuser=0 var config = { apiKey: "CcN0p0MAIzavPCNkmXSyAy4xhKwCF6CqbX5TcvL", authDomain: "example.firebaseapp.com",
Firebase Cloud Functions ってどうやって使うん？(使い方) - Qiita
追記：その前にここ 「Firebase Cloud Functions ってどうやって使うん？ 使い方がよくわからんのやけど？？？」 と思ってggっては 「これはもう使い方知ってる人向けの記事や… ほんとのほんとの最初の一歩の初期設定が知りたいんや…」 と、心が折れてた、２週間くらい昔の自分へお届けしたい備忘録メッセージ。 （どうせ後で「どうやって使うの？教えて〜！」と質問されたときにはきっと私もう忘れてる！から書いとこ！） よ〜し、まずは使うための下準備だ！ 以下、未来の自分へ 公式：参考リンク 最初にわかってなかったこと： Cloud Functionsの各functionの「呼び出し方」 Cloud Functions ってどうやって呼び出すの？ → functionを呼び出すタイミングは、deploy したソースコード内に「トリガー」を書いてコントロールする。 例えば、「〇〇を削除
Firebase Functions https.onCall()トリガーでアプリから簡単に呼び出す
Firebase Functions https.onCall()トリガーでアプリから簡単に呼び出す 2021.01.09 Firebase Functionsとは、Firebaseの提供するサーバレスフレームワークです。HTTPSリクエストによって関数を実行したり、FireStore・Cloud Storage・AuthenticationのCRUDイベントをトリガーに関数を実行することができます。使用できる言語はJavaScript・TypeScriptに限られているというデメリットはあるものの、手軽にデプロイでき簡単にプロジェクトの他のFirebaseの機能と統合できるメリットがあります。 Firebase Fuctionsとは Firebase Functions とは、Firebase の提供するサーバーレスフレームワークです。HTTPS リクエストによって関数を実行したり、Fi
コピペで使うFirebase【Cloud functions編】 - Qiita
概要 Cloud functionsを使う際にコピペで動かしたいのでそのまとめです。 公式ドキュメント Cloud Functions for Firebase HTTP トリガー Storage トリガー Firestore トリガー Authentication トリガー Analytics トリガー スケジュール トリガー HTTP onRequest リクエスト(onRequest) GET, POST クエリーパラメータ取得 onCall（認証情報が取得できる） リクエスト(onCall) 認証情報取得 パラメータ取得 Storage 正常に作成された場合 削除された場合 Firestore 新しいドキュメントが作成されたとき ドキュメントが更新されたとき ドキュメントが削除されたとき Authentication ユーザー作成時 ユーザー削除時 Analytics イベント発火
Cloud Functions for Firebaseの利用で、異様にGCPのStorageが消費されると思ったら..
知っている人には当たり前の知識かもですが、地味に不安だったことなのでメモ。 起こったこと Firebase でアプリを作っていたら、なぜか Storage のリソースが異様に消費されてることに気がつきました。 このプロジェクト自体は Cloud Functions for Firebase をメインに使っていて、Storage 自体にはほぼファイルはありませんでした。 しかし、上記画像の通り異様にアクセスされています。 さらに GCP で Storage をみると見覚えのないファイルが大量に！ なぜ...🤔 原因 原因は Cloud Functions for Firebase のデプロイ時に自動保存されるソースコードでした。 Cloud Functions for Firebase のデプロイは以下手順で行われるようです。 関数のソースコードを含むアーカイブを Cloud Storag
保存版 Cloud Functions for firebaseのはじめ方
保存版 Cloud Functions for firebaseのはじめ方ここ最近、TIPSでサーバーレスについて紹介してきました。今回はそれに関連し、Cloud Functions for firebaseを紹介します。この技術自体は目新しいものではなく、ある程度成熟したサービスと言えます。だからこそ、初めての方だけでなく、久しぶりに使うけど何が必要なんだっけという方にこそ役立つマニュアルがあったら良いなと思い、今回執筆することにしました。
【Firebase】Cloud Functionsからstorageへのアクセスについて理解する
Firebase と Google Cloud は少し違うものだ！！！正確に言うとFirebaseはGoogle Cloud プロジェクトに独自のサービスや機能を付与したもので、Firebaseプロジェクトの実態はGoogle Cloud プロジェクトだけども、使うAPI、SDK、メソッドが異なるので、これらをごっちゃにしてる状態でググると訳わからなくなった。ので書いた！ Firebase プロジェクトと Google Cloud の関係 Firebase コンソールで新しい Firebase プロジェクトを作成した場合、内部で実際に作成されるのは Google Cloud プロジェクトです。Google Cloud プロジェクトは、データ、コード、構成、サービスのための仮想的なコンテナと考えることができます。Firebase プロジェクトは、Google Cloud プロジェクトに Fi
FirebaseUI を CDN から利用する時の firebase の import
はじめに Netlify みたいに日本から遠いホスティングサービスを使っていると、firebase のライブラリみたいな大きい bundle の初回ダウンロードが初回起動の遅さのネック[1]になったりするので、npm で自身の bundle から追い出して、jsDeliver みたいな日本からも近い CDN からの利用に変えたくなるのですが、普通にやるとTypeError: Cannot read property 'auth' of undefinedってエラーがでて、数ヶ月間[2]悩んだりします 原因 原因は firebase の import が npm からの場合と CDN からの場合で違うからです npm からの場合 こちらは firebase のドキュメント に以下のような記載があるのですが
ウェブで Cloud Storage を使用してファイルをアップロードする | Cloud Storage for Firebase
フィードバックを送信 ウェブで Cloud Storage を使用してファイルをアップロードする コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Cloud Storage for Firebase を使用すると、Firebase によって提供、管理される Cloud Storage バケットにファイルを迅速かつ容易にアップロードできます。 ファイルをアップロードする ファイルを Cloud Storage にアップロードするには、まずファイル名を含むファイルのフルパスへの参照を作成します。 ウェブ向けのモジュラー API import { getStorage, ref } from "firebase/storage"; // Create a root reference const storage = getStorage(); // Create
ユーザのデータを他のユーザに共有できるようにする Firestore のルールを書く - Qiita
自分の github のプライベートレポジトリを、他の特定のユーザにだけ共有できるようにする、みたいなことを firestore を使った web アプリで実現するにはどうするか、という内容です。 ユーザーとグループのデータアクセスを保護する 基本的には、上の記事とほぼ同じことをしてます。上の記事で説明されてない部分に、注釈を入れて自分的にわかりやすくしたメモのようなものです。 前提 ユーザ ID は firebase auth で自動的に割り当てられたものを使う 権限は以下の４種類 owner: データの所有者。データの変更、データへのアクセス権の付与、削除ができる。 editor: データの編集者。データの編集ができる。 reader: データの閲覧者。データを見ることだけができる。 データを作成したユーザが、自動的にデータの owner になる。 テスト用アプリには firebase
Firebase + Firestore + React でWebアプリのユーザーグループ機能の土台を考える - Qiita
はじめに この記事はFirebase #2 Advent Calendar 2019の21日目の記事です。 タイトル通り，Webアプリにおけるユーザーグループ機能について考えた内容を書いていきます． この記事を書いたモチベーションは，自分が開発するWebアプリでユーザーグループ機能を実装する必要が出てきたものの，ユーザー情報がダイレクトに関わるものなので，自分の中でちゃんと整理しながらやらないと不安極まりなく，頭の整理も兼ねて書きました．また，FirebaseとFirestoreのみでどう実装できるかを試したかったというのもあります．（機能はまだ検討中） しかし，予想以上に検討すべき事項が多かったことから（当たり前だが），機能と設計の全体像については複数記事に分けて書くことにしました． 本記事はとりあえず土台を考えてみた程度に止まっており，下記の様な内容をカバーできていません． 登録時のメ
Cloud FirestoreとCloud Storageを使ったDocument更新 - Qiita
久しぶりの投稿です。Stamp Incのnoriです。 今回は、Cloud Firestore と Cloud Storage と Cloud Functions を連携させたDocumentの更新について解説しようと思います。 Cloud Firestore だけの更新であれば簡単ですが、Cloud Storage と連携させると割と考慮することが増えるので、参考になると幸いです。 今回の要件 今回は例としてユーザーの情報を変更するためのロジックを考えていきましょう。また要件は次のようにします。 クライアントサイドの要件 ユーザーのプロフィール画像を表示できる ユーザーのニックネームを表示できる ユーザーのプロフィール画像を変更できる ユーザーのニックネームを変更できる サーバーサイドの要件 サイズに応じた画像を返す 変更履歴を保持する ストレージにはCloud Storageを利用する
FirebaseUIを使用してexport 'default' (imported as 'firebase') was not found in 'firebase/app' と表示された時の対処 - Qiita
warning in ./node_modules/firebaseui/dist/esm.js "export 'default' (imported as 'firebase') was not found in 'firebase/app' Firebaseは2021年8月25日にv8→v9に正式にアップデートされ、npm install --save firebaseとすると自動的にv9がインストールされます。 ですが2021年9月8日現在、Firebase UIはFirebase JS SDK v9に対応していません。 そのため上記のようなエラーが発生します。 FirebaseUIを使う際は後述のcompat(互換)ライブラリを使用してv8以前のように書く必要があります。 compatライブラリ Firebase JS SDK v9以前のコードを使えるようにする一時的な措置として
firebase ユーザー認証で独自のUIを使う方法.md
firebase でユーザー認証を行う firebase入門 ユーザー認証を行う方法まとめ │ Web備忘録 Firebaseを使うと、簡単にユーザー認証が行えます。独自の認証処理やユーザーデータを管理しなくて良いので大変便利です。 Firebaseを使ったユーザー認証方法は上記記事でまとめました。そこでは FirebaseUI というあらかじめFirebase側で用意されているUIツールを用いてログインフォームを作成しましたが、実際には独自にUIを定義してログイン(サインイン)などの処理を行いたいというケースが多いと思います。 ここでは FirebaseUI を使わず独自にUIを定義し、認証処理も自分でSDKの処理を呼び出すJavascriptを書いて実装していきます。 準備 firebaseの下準備はすべて この記事 のとおりです。参考にしてユーザープールを用意しておきます。 ユーザー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Storage:ファイルの移動｜React + Firebase入門
JavaScript の非同期処理について｜【Firebase】Cloud Functions チュートリアル
Adding custom data to a firebase storage upload?
How to move files with firebase storage?
Firebase Authentication(v9)とVueで認証機能を実装する