chore: apolloClient生成時の設定を修正

[ogakuzuko]

authLinkの設定をして、リクエストのたびに自動で認証トークンを付与させるように設定したい（出来るのか？） Apollo講座の1:13:00あたり（URL） GraphQLのドキュメントも読む

[ogakuzuko]

Issueに作成過程をコメント残していくのちょっと実験的にやってみる🐶

[ogakuzuko]

[TODO]

• [ ] 認証トークン取得用関数の作成
• useAuthでトークン取るのは使えない。カスタムフックはutils/apollo.ts内で呼べないため（あれでもそうするとトークン取得関数呼べないな(?)）
• [x] 取得トークンの保管場所の検討
• [ ] 認証ヘッダへトークン等を自動付与する設定
• [ ] useQuery()を用いてヘッダー付与の確認テスト

[ogakuzuko]

[✅ QUES] 認証トークン取得用関数で取得するトークンはアクセストークン？IDトークン？

• ほぼほぼアクセストークン。ただアクセストークン何故かsubクレーム付かないんだよな…。subクレームどころかペイロードそのものがない(?)
• subクレーム取れそうになかったら最悪IDトークン使うけど基本的には避けたい

→ アクセストークンにペイロードが付くようになったのでアクセストークンでOK

[ogakuzuko]

[✅ QUES] 認証トークンをインメモリに置くかLocalStorageに置くか、Cookieに置くか

• CookieはAuth0側で設定できるか不明（set-CookieできないならCookie説はなし）
• インメモリだと揮発するからタブ間での再取得が必要になる
• LocalStorageだとXSS脆弱性の懸念有（SessionStorageも同様）

理想はCookieに保管して、httpOnly, Secure, SameSite属性をそれぞれ適切に設定することだと思うがAuth0で出来るのかどうか。

→ Recoilでグローバルステートとしてユーザー情報とトークン類を管理する(=インメモリに置く)方向に決定？（3.13）

[ogakuzuko]

アクセストークン何故かsubクレーム付かない

解決したやも！😳