Firebase AuthとNext.jsで認証をする
Next.jsのApp RouterでFirebase Authを使いたい。 その場合に問題になってくるのがRSC(Server Component)での認証をどうするかというところが一番の重要なポイント。 セッションCookieを利用する RSCは従来のサーバーサイドでのセッションCookieの管理と同じ仕組みでいい…
12 件の記事
Next.jsのApp RouterでFirebase Authを使いたい。 その場合に問題になってくるのがRSC(Server Component)での認証をどうするかというところが一番の重要なポイント。 セッションCookieを利用する RSCは従来のサーバーサイドでのセッションCookieの管理と同じ仕組みでいい…
Next.jsでFirebase Authenticationとswr-openapiを組み合わせて使う際、トークンの管理が課題になることが多いです。今回は、Firebase Authのトークン管理に特化して、swr-openapiでのmiddleware活用方法を解説します。 Firebase Authのトークン管理…
最近、開発効率化のためにDocker DesktopからOrbStackに乗り換えることにしたのですが、その際にFirebase EmulatorとPostgreSQLのデータを移行する必要がありました。OrbStackは軽量で高速なDockerの代替ツールとして注目されていますが、環境を移行する際にデータの引き継ぎは…
PHPでFirebase emulatorが使えない問題で頭を抱えていた方も多いかと思います。 ただそれは kreait/firebase-php のバージョンが6.2までの話です。 なんと気づいたら 6.3からはFirebase emulatorがサポートされていました。 (※全部コードリーディングしてませんが、少な…
Symfony Advent Calendar 2021 の19日目の記事です。 機能は@ippey_s さんのSymfonyのパスポートでした。 今日はパスポートを使って実際にFirebase Authenticationで認証してみようと思います。 kreait/firebase-bundleを入れる まずはkre…
Firebase Authenticationでサポートされていないログイン プロバイダを使いたい場合に使うカスタムトークン。 基本的な使い方は「カスタム トークンを作成する」で確認できます。 サンプルを見るとこんな感じになっています。 import * as admin from 'firebase-admin' c…
最近ずっと使っていたMacBookProが歪んできていて、修理出さないとヤバそうな雰囲気なのでとりあえずMac Miniに買って開発環境を作ってる。 普通に既存のプロジェクトをgit cloneしてきて、npm(yarn) installすれば動くだろうと思ってたら動かない... $ firebase emulator…
最近Firebase Cloud Functionsでお仕事をしているのですが、jestを入れたちょっとハマったのでその記録です。 環境について firebase initで全力でenterfunctionsを用意しました。 一応こんな感じでTypeScriptでコード書いててeslintは導入済みの想定です。 まずは…
PartyHard Inc. 最近ホームページみられる機会増えたし、お問い合わせフォームからはウザい宣伝ばかりくるので、ホームページが見られる機会も増えたのでリニューアルしました🎉 前回のホームページよりマシな気がしますが、そんなこともない気がします。 (誰かデザインやってくれる人いないですかね...費用はほとんど出せ…
Cloud Firestore便利ですよね。 Cloud Firestoreで「半径〇km以内にあるスポットを検索する」みたいな実装をしたかったのでGeoFireXを使って実装してみました。 https://github.com/codediodeio/geofirex Cloud Firestoreでの緯度経度の情報…
PDFやScreenshotを生成したいときに便利なpuppeteer。 実行環境をもっと気軽に作れればいいなぁーと思い、Cloud Functionsで動かせないかなぁーと。 調べたらCloud FunctionsでNode.js 8が動くらしいので、puppeteerを試してみました。 GitHub - polid…
最近勉強のためにFirebaseを触っています。 FirebaseってLAMPとは違って、なんというかパラダイムシフトな感じがあるのかなぁーと思い、老害にならないように勉強している最中です。 今回はCloud Functionsで簡単なカウンターの実装を作ってみました。 「検索wordがRealtimeDatabase…