Firebase Authentication

Firebase Authentication の GoogleAuthProvider を使って Google アカウントでのログインを実装しました ログアウトした後に再度ログインしようとしても、前にログインしたカウントで自動的にログインしてしまい別のアカウントでログインすることが出来ない問題に当たってしまいました。 環境 Firebase 10.1.0 React 18.2.0 TypeScript 5.1.6 実装 import { getAuth , signInWithPopup , signOut, GoogleAuthProvider } from "firebase/auth"…

こんにちは。長堂です。 ちいき資本主義事業部でまちのコインアプリのFlutterエンジニアをしているボディビルダー techblog.kayac.com です。 今回はFirebase Authenticationで多要素認証対応をした際にハマってしまったところなどを書いていきます。 背景 まちのコインではユーザー認証にFirebase Authenticationを利用していて、 認証方法としてGoogleやFacebookなど各サードパーティによる認証、または、メールとパスワードによる認証を提供しています。 また、SMSによる二段階認証にも対応しており、こちらはTwilioが提供しているA…

エクストーンの豊田です。先日、エクストーン社内で技術勉強会があり、そちらでFirebase Authenticationを利用してWebサービスを設計・運用した際に困った話をさせていただいたので、こちらでも紹介させていただきたいと思います。 Firebase Authentication FirebaseはGoogleが提供しているモバイル・Webアプリケーション向けのプラットフォームで、認証やストレージ、関数実行等の機能を提供します。今回はFirebaseが提供する認証サービスであるAuthenticationについてお話しします。 Firebase Authenticationはユーザーの…

表題のまま。Firebase Authentication を使ってログインした際に返される user を Recoil の atom に保存すると、signout や再度 signin が実行された際にエラーになる 環境 react 18.2.0 recoil 0.7.7 firebase 9.20.0 😱 TypeError: Cannot assign to read only property 'currentUser' of object '#<AuthImpl>' 下記の例では Firebase で Google ログインを監視して useEffect 内で Recoil の us…

Play Framework を始めたばかりの方向けに、サンプルを進めるうえで困ったところを共有する目的で書いています。 Play Framework 2.8.x にて、Firebase Authentication (LINE Login を利用した) サインインしたときのメモです。 以下、目次 前提 方針 結果 できてないところ 参考にしたところ 前提 セッション管理は Firebase Authentication に任せたい LINE Login は導入したい Play Framework でやりたい 方針 LINE Login について、ログインフローは pac4j にお任せ セッシ…

メール・パスワードによるアカウント認証機能を持つメモアプリを作ります。また、作成しメモはクラウドに保存されるため、他の端末からログインすれば同じメモを見ることができますし、編集もできます。メモアプリにわざわざ認証機能を追加する必要があるのかと考えればそれまでですが、勉強の一環として実践しようと思います。 デモンストレーション Firebaseについて Firebase Authentication Firebase Realtime Database アプリの仕様 画面遷移はActivityResultLauncherを主軸とする アクティビティの役割 アクションバーの非表示 レイアウトの作成…

firebase.google.com pub.dev 目的 仕事で認証系の処理に関わることがあり、なんとなく興味がわいた。SDKの使い勝手や認証プロセスをどこまで抽象化しているのか気になった。 自分で何かサービスを作ろうとしたときに、もはや認証は避けて通れない気がした。明示的なログインがなくともユーザの区別はつけたくなりそう。また、Firebaseの他機能を利用しようとするとAuthは必須なのでいい機会だと思った やったこと 公式サイトを見ながら、匿名ログインとgoogleログインだけ試した(Androidのみ)。実際のログイン処理はSDK内でやってくれるので、開発者はライブラリの呼び出しと…

最近、お仕事で技術選定をしました。 もともとはTypeScript×Firebaseのプロジェクトでしたが、TypeScript×Firebaseを選定したエンジニア達が全員いなくなり、新規参画メンバーが技術変更したのでその感想を記載します。 ■PHP Laravelを利用するために利用。PHPでも型を記載できるようになったりEnumが利用できるようになっているところは◯。 TypeScriptの頃に比べて求人で引っかかるエンジニアは変わったような気もする。 ■Composer TypeScriptというよりもライブラリ管理に疲れていたので、Composerを利用したライブラリ管理は◯ ■La…

かつて、Firebase Hosting + Cloud Firestore + Firebase Authenticationを使いつつ、モジュールバンドラー無しのプロトタイプを作ったことがありました。blog.kimizuka.org今回もモジュールバンドラー無しで、Cloud Firestoreをさささっと使うプロトタイプを作ってみます。 前回とは違い、Firebase Authenticationを省いたので、よりシンプルなコードになりました。 実装手順 途中までは前回のものと一緒です。 ❶ パッケージを用意する yarn add firebase firebase-tools ❷ p…

🗒 今日の学び Google検索の精度を上げるために「“”」を使う方法について公式が解説 Google検索の精度を上げるために「“”」を使う方法について公式が解説 - GIGAZINE https://t.co/98Z7dnbc2G— Kanon (@ysknsid25) 2024年8月10日 TanStack Form 使ってみた よさそうこういうForm系のライブラリ、詳しく覗いたことないからまたコード読んでみたいTanStack Form 使ってみた https://t.co/z3pSM1mjHX— Kanon (@ysknsid25) 2024年8月10日 TypeScriptの標準ラ…

はじめに こんにちは、@okazu_dm です。 今回自分がぴざきゃっとさんが2022年4月に書いた以下の記事を更新したため、本記事ではその差分について簡単にまとめました。 Firebase Authentication利用上の注意点に関して生じた差分とは、すなわち「この2年強の間にどのような仕様変更があったか」と同義だと言えます。IDaaSに限らず認証のセキュリティに興味のある方には参考になるコンテンツだと思います。 更新した記事につきましては、以下をご覧ください。 差分について Firebase Authenticationの落とし穴と、その対策を7種類紹介する、というのがオリジナルの記事…

こんにちは！GameWithサービス開発部です。 サービス開発部では月に一度、全体会にて どのように業務課題を改善したか をアピールする会を行っています。 今回は3件の内容をご紹介します！ 先月の発表内容はこちらです https://tech.gamewith.co.jp/entry/2024/06/18/100000 ソーシャルログイン実装で苦労した点 GameWithにソーシャルログインを導入した際に苦労した点の発表でした。AWSのcognitoやFirebase Authenticationと言ったBaaSを利用せず、自前でAPIキーを取って実装しています。 以下、各プロバイダについての…

今Flutterで開発しているアプリがある程度形になったので報告 リポジトリ github.com github.com 画面 使用している技術 Flutter NestJS Prism TiDB Serverless Cloud Run Firebase Authentication Firebase Storage 各画面で使っているライブラリ紹介 アプリアイコンの設定 pub.dev flutter_launcher_iconsを使用 以下の記事を参考に実装 【Flutter】アプリアイコンに必要な画像と追加方法（flutter_launcher_icons,Figma） スプラッシュス…

zako-lab929.hatenablog.com 昨日、Firebase プロジェクトを作成しました。 本日は、Realtime Database の初期セットアップのやり方をまとめておきます。

本日は「初学者リアルタイム機能を実装するならActionCableかFirebaseか」というテーマで話していこうかと思います。 ぼくは現在26歳でITエンジニアへの転職を目指しRailsAPIとNext/ReactのSPAでのポートフォリオ作成に励むフリーランスです。 この度リアルタイム機能の実装についてゼロ知識の状態からFirebaseを使い、1日でリアルタイムなチャット機能とルームの座席機能を実装できたので、そこで学んだことを活用して僕の現状の考えを記したいと思います。 <開発環境の情報> ・MacOS ・Apple M1 ・メモリ16GB ・ruby "3.3.0" ・rails "7…

こんにちは、kobalabです。 今回は、私が取り組んでいる「ChatGPTを使ったWebアプリ開発（レジスタンスアヴァロン編）」というプロジェクトについて紹介します。このプロジェクトの概要や目的、そして使用している技術についてお話しします。技術的な詳細や開発の進め方についても触れていきますので、ぜひ最後までご覧ください。 レジスタンスアヴァロンとは？ レジスタンスアヴァロンは、正体隠匿系のボードゲームです。このゲームでは、プレイヤーはレジスタンス陣営またはスパイ陣営に分かれて、ミッションを遂行しながらお互いの正体を探り合います。プレイヤー同士の駆け引きやコミュニケーションが重要な要素となるゲ…

久しぶりのwriteupです。 flatt.connpass.com これに参加してきました。FirebaseをテーマにしたCTFは多分初じゃないでしょうか。 3完で3位で結構悔しいので、また機会があればリベンジしたいですね。 1問目 Internal add-flag.js にflagを追加する処理があるようです。 await firebase.firestore().collection('flags').doc('flag').set({ flag: FLAG }); つまり、/flags/flag が読めれば良いということになります。 次にFirestoreのセキュリティルールを読みま…

flatt.connpass.com こちらのFirebaseをお代とした1時間のCTFに参加してきました。 スコアボード上では30名強の参加者がいて、最終結果として私は3/4問正答で5位でfinishでした。 簡単にざっくり問題の内容と自分がその時に考えた解き方を載せていこうと思います。 1問目（Internal） 登録フォームのないWebサイトがポンと渡され、条件を満たした場合にフラグを獲得できるという問題です。 今回のCTFは全編通してFirebase Firestoreのrulesなどが各問題ごとに配布され、それを見ながら解答を進めていきます。 今回は以下のようなrulesが指定されて…

FlutterをiOSでリリースする場合とかに署名用の証明書が必要。 いつも調べてるので、まとめてみたときの備忘録(´ω｀) 開発/リリース向け 開発やリリースのために、証明書などがいろいろ必要 Apple Developerコンソールでポチポチする感じ 証明書署名リクエストの作成 作成する証明書に付与するアカウント情報 キーチェーンを起動 メニューの「キーチェーンアクセス」＞「証明書アシスタント」＞「認証局に証明書を要求」を選択 「証明書アシスタント」ダイアログで、「ユーザのメールアドレス」フィールドにEメールアドレスを入力 「通称」フィールドのわかりやすい名前を入力 「CAのメールアドレス…