GitHubでログインをしたあとに自分のアプリケーションサーバー(以下Appサーバー)とSPAのフロントエンド(以下SPA)でセッションを作りたいです。
しかしGitHubでログイン後にAppサーバーに飛んでくるコールバックの中でセッションを作成して、その後のSPAからのリクエストに対してセッションを確認することができません。
そもそもリダイレクトからだとセッションが作れなかったりするのでしょうか。
よろしくおねがいします。
処理の流れ
- SPA ユーザーがログインボタンをクリックする。
- APPサーバー Stateを作成しセッションに保存し、リクエストに付与しつつGitHubのログインにリダイレクト。
- GitHub ユーザーがログインや情報アクセスの許可をする。
- Appサーバー GitHubログイン後のコールバックを受け取りStateをセッション内のものと検証し、ログイン状態としアクセストークンなどが含まれるセッションを作成する。
- SPA ログイン状態のチェックや、情報のリクエストを行う。
- APPサーバー セッションからアクセストークンなどが読み込めない。
コード
Appサーバーはlocalhost:3000をngrokでアクセスする形にしたもの、SPAはlocalhost:8080を利用しています。
Appサーバーはginを使いセッションにはgin-contrib/sessionsとgin-contrib/sessions/cookieを利用しています。
APPサーバーのセッション設定
router := gin.Default()
store := cookie.NewStore([]byte(os.Getenv("secret")))
store.Options(sessions.Options{
Path: "/",
})
router.Use(sessions.Sessions("mysession", store))
1
<a href="2のコードをハンドラーとするAPPサーバーのURL">Login Github</a>
2
func (h *LoginHandler) LoginGithub(c *gin.Context) {
session := sessions.Default(c)
state := randomString(24)
session.Set("state", state)
session.Save()
url := buildLoginUrl(state)
c.Redirect(http.StatusMovedPermanently, url)
}
4
func (h *LoginHandler) CallbackLoginGithub(c *gin.Context) {
code := c.Query("code")
state := c.Query("state")
if code == "" || state == "" {
log.Println(c.Query("error_description"))
c.Status(http.StatusBadRequest)
return
}
session := sessions.Default(c)
if session.Get("state") != state {
c.Status(http.StatusBadRequest)
return
}
session.Clear()
session.Set("token", "トークン")
session.Save()
c.Redirect(http.StatusMovedPermanently, "http://localhost:8080/")
}
6
func (h *LoginHandler) GetLoginStatus(c *gin.Context) {
session := sessions.Default(c)
// 読み込めない
token := session.Get("token")
if token == nil {
c.JSON(http.StatusOK, LoginStateResponse{
LoggedIn: false,
})
return
}
c.JSON(http.StatusOK, LoginStateResponse{
LoggedIn: true,
})
}