Firebase-Auth読了目安:10分FirebaseとSSRなNuxt.jsでアプリを作っていて、クライアント側で認証チェックするとFirebaseの初期化などでラグが...サーバ側で認証情報とかを取得してもう少しなんとかできないかなと。ベータっぽい?けど、公式の以下の内容を試してみたときの備忘録。PWAを実現するための基盤技術。NuxtでPWAするときに使うプラグイン。modulesに@nuxtjs/pwaを追加するだけ。Authの情報を扱えるようにする。Qiita流れ的には、以下の通り。長めだけど、ほぼ公式ドキュメントのまま。event.waitUntil(clients.claim());});やっていることは、以下のような感じ。現在のユーザからIDトークンを取得してIDトークンをリクエストヘッダーに追加するヘッダーにIDトークンが付与されているので、サーバ側でそれを見て、認証済みかをチェックする。nuxt.config.tsへの取り込み作成したサービスワーカを使うように、nuxt.config.tsに設定を追加する。ドキュメントだとこのあたりを参照。追加するスクリプトを指定。バンドルされないので、CDNのfirebase-appを追加しておく。開発中でもsw.jsが生成されるように設定。有効かどうかをfirebase-adminでチェックする必要がある。firebase-adminのインスタンスを初期化するファイルを用意。admin;次にこれを使って、以下をしていく。以下は、vuex-module-decoratorsを使ったnuxtServerInitでチェックするサンプル。Workderの登録されているよう。Workerのライフサイクルここに書いてあった。Kotlin/Python/Swift/Unity/Java/Haskell/DDDhttps://t.co/X3UXpmkJvpCrieitは個人で開発中です。どんな軽い内容でも嬉しいです。Crieitを作ろうと思ったかまた、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!ボードとは?関連記事スワイプで気になるAV女優を探すことができる「AVキャッチャー」というサービスをリリースしました。