【トークン取得編】ユーザのGoogleカレンダー情報を取得できる、よく見る同意画面を実装する方法

import Link from "next/link"
import { type FC, useEffect } from "react"

export const SettingPage: FC = () => {
  const googleOAuthUrl = "http://localhost:8000/v2/auth/google-oauth/request"

  return (
    <div>
      <Link href={googleOAuthUrl}>Google連携</Link>
    </div>
  )
}

// 「http://localhost:8000/v2/auth/google-oauth/request」が叩かれた際に呼ばれる関数
func V2GoogleOAuthRequestGetController(ctx *gin.Context) {
  config := &oauth2.Config{
    // [Google Cloud の設定 | 8. Client ID と Client Secret が表示されるので、それぞれを大切にメモしておく] で取得した値を入れる
    ClientID:     "12345-hogefuga.apps.googleusercontent.com",
    ClientSecret: "HOGE-FUGA",
    Endpoint:     google.Endpoint,
    // アプリとして欲しい権限を指定する
    Scopes: []string{
      "https://www.googleapis.com/auth/calendar.calendars.readonly",
      "https://www.googleapis.com/auth/calendar.calendarlist.readonly",
    },
    RedirectURL: "http://localhost:8000/v2/auth/google-oauth/callback",
  }

  // AuthCodeURLの第一引数に入れた値がcallback URLに state として渡されるので、ユーザーを特定できるIDなどを入れる
  userID, _ := ctx.Value("userId").(string)
  url := config.AuthCodeURL(userID, oauth2.AccessTypeOffline)
  ctx.Redirect(http.StatusTemporaryRedirect, url)
}

// 「http://localhost:8000/v2/auth/google-oauth/callback」が叩かれた際に呼ばれる関数
func V2GoogleOAuthCallbackGetController(ctx *gin.Context) {
  // ~/callback?state=userId&code=authCode という形でリダイレクトされるので認証コードを取得
  code := ctx.Query("code")

  // ~/callback?state=userId&code=authCode 認証URLを作成した際に設定した値を取得
  userID, _ := uuid.Parse(c.Query("state"))

  config := &oauth2.Config{
    ClientID:     "12345-hogefuga.apps.googleusercontent.com",
    ClientSecret: "HOGE-FUGA",
    Endpoint:     google.Endpoint,
    Scopes: []string{
      "https://www.googleapis.com/auth/calendar.calendars.readonly",
      "https://www.googleapis.com/auth/calendar.calendarlist.readonly",
    },
    RedirectURL: "http://localhost:8000/v2/auth/google-oauth/callback",
  }

  // GoogleからTokenを貰う
  oAuth2Token, _ := config.Exchange(ctx, code)

  // DBなどにTokenを保存する
  save(oAuth2Token, userID)

  // 連携完了後に表示したい画面にリダイレクトする
  c.Redirect(http.StatusTemporaryRedirect, "http://localhost:3000/setting")
}