【React/CRA】express-sessionでセッションを実現する。【React/CRA】express-sessionでセッションを実現する。2022/07/17に公開2022/09/03ReactExpresscraexpresssessiontechまえがきexpress-sessionによるセッションを使ってみます。各ショッピングサイトでお馴染みの買い物かご機能を実装してみましょう。App;こんな画面になります。03.【バック】APIとセッションを実装。本当はもっと色々設定します。devでReactアプリとAPIサーバが起動するようスクリプトを定義。"http://localhost:8080",}その他メモexpress-sessionの「secret」って何?↓で設定していたsecret。これ何に使ってるのって話。}));公式の説明によれば、セッションIDが格納されているCookieをsignするためにsecretを使っているとのこと。cookie.Cookieをsignするってどゆこと?と思い、ぐぐったらcookie-signatureというライブラリがあるらしく、おそらくこいつと同等のことをやってると思われる。'secret')signすることで、ブラウザ側に生のsessionIDを渡さない。・create-react-appで使うプロパティ。・ローカル開発環境でReactアプリからAPIサーバをコールしたい時に利用可能。"http://localhost:8080",}なぜ必要なのか、設定ありなしの場合を比較する。異なるオリジンのためReactアプリからAPIコールするとCORSエラーとなる。APIコールもReactアプリを経由するのでCORSエラーとならない。Mock用API(localhost:8080)ポイント✅Acceptヘッダがtext/html以外のリクエストを全てproxyに設定したURLにプロキシする。Javaエンジニア6年目バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。【フロント】買い物画面用意03.【バック】APIとセッションを実装。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。