Firebase Authenticationの処理を見直し(55日目)

わしの
·

📝きょうの学習

昨日、投稿し忘れたので本当は56日目。

ここからは昨日の分

引き続きFirebaseの認証部分の見直し。

Remixだとroot.tsxがアプリケーションの根幹にいるので、そこで以下の処理を行うようにする

  1. FirebaseのApiKeyなどの情報を.envからLoaderで取得する

  2. 1.で取得した情報をもとにFirebaseの初期化

  3. オブザーバーで認証チェック

  4. ユーザー情報があればContextに詰めて、Providerでアプリのどこからも参照可能にする

root.tsxは大体できた。次はSignIn.tsxでログイン時にContextのUser情報に設定する処理を書いてみる。

方向性あってるのかは不安。

ここからは今日の分

ちょっとTailWindのダークモードについてみていた。dark:とつけるだけでよいので簡単だけど、その書きっぷりだと後で大変らしいのでよく読んでおく。

FirebaseのAuthenticationの処理の見直ししたけど、結局サービスワーカーは使わず。昨日書いたようなroot.tsxのuseContextに詰めてどこからでも参照できるようにはした。セキュリティ周りに一抹の不安があるけど、とりあえず進める。

🍚きょうのごはん

これは昨日のごはん。麻婆茄子です。

ちなみに今日はこれの残りです。

@wassy
ものづくりが好き。