Next.jsにFirebase Authenticationを導入するときに考えるべきこと - Ateam Tech Blog
エイチームグループの子会社のエイチームライフデザインでフロントエンドエンジニアをしてます。小堀輝(@anneau)です。 今回はNext.jsとFirebase Authenticationについてお話ししようと思います。 はじめに ユーザーが複数端末を持つことが多い現代において、私たちが開発するWebアプリケーションでは、異なるデバイスで同じ体験をユーザーに提供するために、ユーザーIDを識別し、データを保存することはとても重要かと思います。 もちろん、独自にユーザーを識別するシステムを開発することは可能ですが、複雑なロジックになってしまい、メンテナンスコストが嵩んだり、不具合につながってしまう可能性があります。 そこで、議論のテーブルに上がってくるのが認証基盤を提供してくれるSaaS。 今回は、その中でもメジャーなFirebaseについて、実装する上で直面した課題をあげ、あらかじめ考えて
Vercelに Firebase Admin SDK の秘密鍵の情報を設定する
ローカル環境での開発などではFirebaseのコンソールから作成・ダウンロードした秘密鍵（JSONファイル）をルートなどに配置して以下のように読み込んで秘密鍵を使える。。 const admin = require("firebase-admin"); if (!admin.apps.length) { const serviceAccount = require("path/to/serviceAccountKey.json"); firebaseApp = admin.initializeApp({ credential: admin.credential.cert(serviceAccount), databaseURL: process.env.FIREBASE_DATABASE_URL, storageBucket: process.env.FIREBASE_STORAGE_BU
firebase-adminでfirestoreのフィールドを一括追加する
概要 Firestoreのフィールドを一括で追加する 背景 firestoreをfirebaseコンソールから直接ぽちぽちと更新することはできますが、正直面倒くさいです なので、コマンド一発で全て更新したいと考えました 前提 node v16.13.2 npm 8.10.0 "firebase-admin": "^10.2.0" yarn 1.22.11 参考 クエリ参考 https://www.wakuwakubank.com/posts/723-firebase-firestore-query/ nodeプロジェクトを作成する firebaseフォルダを作成 mkdir firebase フォルダ名は任意 firebaseフォルダに移動 cd firebase npmを初期化 yarn init firebase-adminパッケージを追加 yarn add firebase-admi
TypeScript を使ってローカル環境で Firebase をアドミン操作する - Qiita
やりたいこと アドミン操作をローカルで行えると、ちょっと集計したいときとかデータを書き変えたいときに便利です。アドミンならセキュリティルールを無視できますしね。 プラスして、型の恩恵が欲しいので TS を使いたい。 実装 TS プロジェクトを作成し設定 必要なパッケージを導入 { "compilerOptions": { "esModuleInterop": true, "allowSyntheticDefaultImports": true, "preserveConstEnums": true, "strictNullChecks": true, "sourceMap": true, "allowJs": true, "target": "es5", "outDir": ".build", "moduleResolution": "node", "lib": [ "es2015" ],
firebase-admin initializeApp の違い - Qiita
firebase-adminのinitializeAppについて、「書き方いろいろ出てくるけど何が違うんだ？」と思ったのでまとめる。
How to use Firebase Authentication in Next.js 13, Server Side with Admin SDK
How to use Firebase Authentication in Next.js 13, Server Side with Admin SDK I'm new to this world of Full Stack Frameworks like Next.js, SvelteKit, Remix... But I know all the advantages it has so I wanted to use it to create a project I'm working on. I love Firebase and I wanted to have it in the project, because it just has everything I need for almost any project, the problem I had is that Nex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
