SPA+SSR+APIで構成したWebアプリケーションのセッション管理 - Pepabo Tech Portal

カラーミーショップ サービス基盤チームのkymmtです。この記事では、サーバサイドレンダリングするシングルページアプリケーションとAPIサーバからなるWebアプリケーションのセッション管理方法について紹介します。 アプリケーションの構成 構成の概要 今回は例としてEC事業部で提供するカラーミーリピートをとりあげます。構成としては、Railsで作られたAPIサーバ1と、Vue.jsで作られたシングルページアプリケーション(SPA)からなります。また、SPAはExpressが動くフロントエンドサーバでサーバサイドレンダリング(SSR)します。APIサーバはSPAかフロントエンドサーバだけが呼び出します。各ロールはサブドメインが異なります。 APIサーバでセッションIDを持つCookieを発行し、Redisを用いてセッション管理します。また、APIサーバへのセッションが有効なリクエストはフロント

[geerpm]

認証込みapiを含むページをSSRって必要なんだろうか。

[odan3240]

@nuxtjs/axios の proxyHeaders を有効にすると SSR 時のリクエストのクッキーを proxy してくれると思うけどなんで Vuex を使ってるんだろう

[iga_k]

丁寧に説明されててめちゃわかりやすい！これは細かいところをより突っ込んで議論したくなる良い文。

[wkubota]

この手の事例を公開してくれるのは率直にいってありがたい。みんなどうしているのか案外分からないんだよね。

[shgam]

ありがたい記事。CSRF対策どうしてるか気になる

[for-my-internet-demo]

なんでssr?

[udzura]

やってる

[cinemaphile]

(読んでない)SODがやらかしたのがなんだって？間違えた、あれはCDNの設定ミスだったか