Firebase 匿名認証でログイン後、メールとパスワードで匿名アカウントを永久アカウントに変換する - Qiita
#はじめに アプリなんかで**「最初は匿名認証で、後からアカウント登録してもらう」**と言う手順を踏みたい場合があったりする。 公式さんではこのように説明される。 匿名ユーザーがアプリへ登録した後、新しいアカウントの下で引き続き従来の作業を行えるようにしなければならない場合があります。たとえば、アプリへの登録前にユーザーがショッピング カートに追加したアイテムを、新しいアカウントのショッピング カートにも入れておく、といったケースです。ステップは次のとおりです。 匿名アカウントを永久アカウントに変換する 僕の場合はアカウント登録のハードルを下げたかったから、この方法を使おうと考えた。 多くの人にとっては ####新規アプリダウンロード→アカウント登録が必要→「めんどくせ〜。即アンインストール！」 と言った感じで、ノリでダウンロードしたアプリは中々使用してもらえないw そして僕が運営している
FirebaseのE-mail認証でアドレスが正しいことを確認する
Firebaseの認証機能を使えば、面倒なログイン回りの処理がほとんど省略できて幸せになれます。 ほとんどの処理がかなり簡単に使えるのですが、1つ、E-mailが正しいことを確認する処理が若干マニュアルではわかりにくいので備忘録として残します currentUser.emailVerified#Firebaseでは、E-mailでアカウントを作成した場合、すぐにアカウントが作成されてそのまま利用可能です。しかしユーザが本当に正しいメールアドレスを入力している保証はありません。 ちゃんと確認のメールを送って、それが届いて、メール本文中の確認用リンクを踏んで初めて「正しい」と確認できるのです。 ありがたいことにFireBaseではこの確認作業もあらかじめ用意されているので、いちいち自前で用意しなくても済みます。 ユーザがログインした際、
[JS] Firebaseの覚書 ④ 認証エラーメッセージの日本語化
公式で多言語対応されてないから自分で翻訳しないとだった。 Firebase Authの signInWithEmailAndPassword signInWithCredential signInWithPopup signInWithRedirect reauthenticateWithCredential reauthenticateWithPopup fetchSignInMethodsForEmail あたりの認証メソッド使っててお目に掛かるエラーはだいたいこのような内容。 // ex: // import firebaseError form 'firebase/error'; // firebaseError(e, 'signin'); export default (e, method) => { switch (e.code) { case 'auth/cancelled-
![[JS] Firebaseの覚書 ④ 認証エラーメッセージの日本語化](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
アイコン ライブラリ | Google Cloud
Google Cloud でワークロードをビルドまたは移行するためのリファレンス アーキテクチャ、図、設計パターン、ガイダンス、ベスト プラクティスを示します。
Next.jsを使ってCloud FunctionsとFirebase HostingでSSRする - Qiita
Next.js 9を使ってCloud FunctionsとFirebase HostingでSSRする 皆さんこんにちは、noriです。 FirebaseSummitのレジストレーションがオープンしましたね。僕は今年も参加しますよ！! 今年はスペインの開催ですねー 楽しみ。 最近フロントの環境設定をする機会があったので、登場したばかりのNext.js 9をCloud Functionsにのせてみました。 Cloud Functionsにのせるところまでは、すぐだったんですがReactの扱いが初めてだった僕にとってつまりどころがあったので、同じことをしようとしている人たちのためにこの記事を書くことにしました。 先にサンプルコードを置いておきます。 Firebase HostingとしてNext.jsを動かす まず今回やったことを図として示します。 ポイントは以下の2つです。 Next.jsを
Firebaseでアプリを開発するならClient Side Joinを前提にすること - Qiita
Firebaseでアプリを開発する みなさん、癖のあるデータベースであるFirebaseにもそろそろ慣れてきた頃でしょうか。 私は、Cookpadに入って4ヶ月が経ちました。幸せなことにCookpadでもFirebaseを使ってアプリの開発を行っています。 勉強会でもFirebaseの発表を多く見かけるようになって、嬉しい限りですもっといろんな方にFirebaseの魅力を届けるため、新しい記事を書くことにしました。 ※この記事では特にRealtime DatabaseのことをさしてFirebaseと呼んでいます。 開発の鉄板 クライアントサーバーモデル クライアントサーバーモデルとはクライアントとサーバーに機能を分離したソフトウエアの総称です。 2017年現在、モバイルで動作するほとんどのアプリはクライアントサーバーモデルを採用し開発されたものと考えて間違いないでしょう。ところが、Fire
Firebaseプロジェクトのデプロイについて - Qiita
2018/02/15追記 この記事以降、Alpine Linuxイメージだとしばしばfirebase-toolsのインストール中にgrpcのバイナリファイルが存在されずにインストールが失敗することがありました。 現時点（v3.17.4）ではこの問題は起きていませんが、安定を考えてnode-slimイメージを使った方がいいかもしれません。 前置き この記事は「Firebase Advent Calendar 2017」７日目の記事となります。 Firebaseを使ったプロダクトの知見はちらほら見るようになりましたが、デプロイ周りの知見はまだほとんど見ません。ですので私が実際にやっていることをまとめてみました。参考になれば幸いです。 前提とする必須条件 開発、ステージング、本番などにデプロイ先を切り替えられる 秘匿情報はリポジトリに組み込まない CIでデプロイ可能にする まずはこれが達成できて
SNS映えするWebアプリを...！FirebaseとVue.jsでSPAのOGP画像の動的生成をやってみたら案外楽だった - Qiita
この記事はFirebase Advent Calendar 2018 6日目の記事です。 はじめまして、ゆき(@twitter:yuneco)です。日頃は絵を描いたりちょっとしたWebアプリを個人開発したりして遊んでいます。今日は個人でTwitter連携アプリを開発した際に悩んだSPAの動的な（ページごとの）OGP生成について情報をまとめてみたいと思います。NuxtやSSRは使いません。 作ったもの＆OGPのイメージ 今回作った colorinco*カラーインコ はTwitter連携したユーザの投稿画像やお気に入り画像を表示し、そこから自動的にカラーパレットを生成、Twitterでシェアできるサービスです。共有するとタイムラインに↓こんな感じでコンテンツにあわせた画像が大きく表示されます。 映える！テンション上がる！ SNS連携アプリならOGPは必須 OGP(Open Graph Prot
Cloud Firestoreに追加されたFieldValue.increment()は期待以上！！ - Qiita
どうも@1amageekです。 先日のFirebase SDKのアップデートで追加されたFieldValue.increment()が期待以上の仕様変更だったので紹介します。 FieldValueとは？ 開発においてサーバーに処理を任せる必要がある要件が存在します。 例えば、日付の管理などがそれに当たります。クライアント側では日付の変更がデバイス毎に可能なため正確な日付を取得できません。そういった場合はサーバー側でStampstampを取得してDBに保存するはずです。Cloud FirestoreではFieldValueを使うことでこれを簡単に行なってくれます。 実はFieldValueはCloudFirestoreの前身とも言えるFirebase Realtime Database（RTDB）の時から存在し、RTDBではServerValueという名前で提供されていました。Cloud F
Firebase Hosting のルーティングを噛ませて webpack-dev-server などの静的コンテンツホストを使うためのプロキシ
Firebase Hosting のルーティングを噛ませて webpack-dev-server などの静的コンテンツホストを使うためのプロキシ 2019/1/14 午前5:57 (JST) provider のコードを修正。 概要 Firebase Hosting 用に設定したURL書き換えを利用しつつ、webpack-dev-server などの他の開発サーバーからコンテンツの取得をしたい。この問題に対して、Firebase Hosting の開発サーバー (firebase serve) が内部的に利用している superstatic を使い、URLを書き換えた上で別のサーバーからコンテンツを取得するようなプロキシを作ることで解決した。 完全なコードは https://gist.github.com/mecab/9890416390e8c5a2c42547823d252e20 で参照
webpack-dev-server+firebase-toolsでローカルのFunctionを呼び出す - log.pocka.io
#やりたいことFirebase Functions を使った Web アプリケーションをローカルで動かしたい。 ただ、Firebase CLIのfirebase serveだと Hosting は HMR どころかホットリロードすらされないので webpack-dev-server を使いたい。 #TL;DR// firebase.json { "hosting": { "rewrites": [{ "source": "/api/foo", "function": "foo" }] } } // webpack.config.js module.exports = { devServer: { proxy: { '/api': 'http://localhost:8081' } } } firebase serve --port 8081 #何をやっているのかwebpack のdevSe
Firestoreのセキュリティルールのコーディング規約｜shogo yamada｜note
Firebaseの代表される素晴らしいNoSQLのデータベースである「Cloud Firestore」にはセキュリティルールというものを設定して不正なアクセスを遮断することができます。 Firestoreを使う上で必須になる技術でこれをやらないとデータが壊される危険性があるので必ずやりましょう。 基本的な使い方は下記の記事が参考になると思います。自分もこの記事をみて勉強しました。 また、セキュリティルールはローカルでテストができます。前まで実際にデプロイしてからアプリからアクセスして確認するみたいなことしてたのが、ローカルだけでテストできますので、こちらも合わせて実装するといいでしょう。 さくっと試したい方は下記のサンプルをとりあえず動かしてみることをおすすめします。 一つ一つ詳しく説明していきます。 1、ワイルドカードは使わない具体的に言うと下記のような書き方です。 service cl
分散カウンタ | Firestore | Firebase
多くのリアルタイム アプリにはカウンタとして働くドキュメントがあります。たとえば、投稿の「いいね」や特定のアイテムの「お気に入り」をカウントしたい場合があります。 Cloud Firestore では、1 つのドキュメントを無制限の頻度で更新することはできません。単一ドキュメントに基づくカウンタがあり、高い頻度でインクリメントを行うと、最終的にドキュメントの更新で競合が発生します。1 つのドキュメントの更新をご覧ください。 解決策: 分散カウンタ カウンタをもっと頻繁に更新できるようにするには、分散カウンタを作成します。各分散カウンタは「シャード」のサブコレクションを持つドキュメントであり、そのカウンタの値はシャードの値の合計です。 書き込みスループットはシャードの数に比例して増加するため、10 個のシャードを持つ分散カウンタは従来のカウンタの 10 倍の書き込みを処理できます。
ローカルでの関数の実行 | Cloud Functions for Firebase
Firebase CLI には、次のタイプの関数をエミュレートできる Cloud Functions エミュレータが含まれています。 HTTPS 関数 呼び出し可能関数 タスクキュー関数 Firebase Authentication、Realtime Database、Cloud Firestore、Cloud Storage、サポートされている Firebase アラート、Cloud Pub/Sub からトリガーされるバックグラウンド関数 関数を本番環境にデプロイする前に、ローカルで実行してテストできます。 Firebase CLI をインストールする Cloud Functions エミュレータを使用するには、まず Firebase CLI をインストールします。 npm install -g firebase-tools ローカル エミュレータを使用するには、Cloud Funct
CloudFirestoreにドキュメントが投稿されたら投稿数をインクリメントするCloudFunctionsを実装 #CloudFirestore #CloudFunctions
今回の実装内容さて、よくあるあるアプリの実装で、ユーザーが何らかのデータを投稿する、というのがあります。twitterとかInstagramとか・・・諸々のアプリでおなじみの操作です。 アプリからユーザーのアカウントページを見ると、そのユーザーの投稿数が表示されますよね。この投稿数をCloudFunctionsで集計します。 CloudFirestoreにあるコレクションは以下のような感じ users ・・・ユーザーデータposts・・・投稿データアプリから投稿する際にはpostsコレクションにドキュメントが追加されます。 このドキュメントが追加されたイベントトリガーで、投稿したユーザーのpostCountsフィールドをインクリメントするCloudFunctionsを実装します。 プロジェクト設定ログインしてプロジェクトの設定この一連の操作は覚えておきましょう。 $firebase log
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can I refresh firebaseAccessToken from the browser? · Issue #142 · firebase/firebaseui-web
Error: Firebase ID token has expired
Digital Graveyards, Firebase tools & Docker
Firebase firestore collection count - Stack Overflow
Cors errror - Cannot read property 'headers' of undefined · Issue #288 · firebase/functions-samples