在Next js中使用Oauth 2.0

npm install next-auth
npm install axios

import { providers, signIn, getSession } from 'next-auth/client';

export default function Auth({ providers }) {
  return (
    <>
      {Object.values(providers).map((provider) => (
        <div key={provider.name}>
          <button onClick={() => signIn(provider.id)}>Sign in with {provider.name}</button>
        </div>
      ))}
    </>
  );
}

export async function getServerSideProps(context) {
  const session = await getSession(context);
  if (session) {
    return {
      redirect: {
        destination: '/',
        permanent: false,
      },
    };
  }

  return {
    props: {
      providers: await providers(),
    },
  };
}

import axios from 'axios';

export default async function callback(req, res) {
  const { code } = req.query;

  const response = await axios.post('https://oauth.example.com/token', {
    code,
    client_id: 'YOUR_CLIENT_ID',
    client_secret: 'YOUR_CLIENT_SECRET',
    redirect_uri: 'YOUR_REDIRECT_URI',
    grant_type: 'authorization_code',
  });

  const { access_token } = response.data;

  // 在这里可以将访问令牌保存到会话中或者其他地方，以便后续使用

  res.redirect('/');
}