简介

• 这个实际上是一个服务端调用的方法，这个方法的返回值会回填到页面的 Props 参数中
• 举例：有一个页面 pages/user.tsx

import { getSession, signOut } from "next-auth/react";
import {GetServerSideProps} from "next";
import {Session} from "next-auth";

// gets a prop from getServerSideProps
type MyPara = {
  user: any,
  domain: string,
}
function User(data: MyPara) {
  return (
    <div>
      <h4>User session: {data.domain}</h4>
      <pre>{JSON.stringify(data.user, null, 2)}</pre>
      <button onClick={() => signOut({ callbackUrl: "/signin" })}>Sign out</button>
    </div>
  );
}

export default User;

export const getServerSideProps: GetServerSideProps<{user: any}> = async (context) => {
  const session = await getSession(context);

  // redirect if not authenticated
  if (!session) {
    return {
      redirect: {
        destination: "/signin",
        permanent: false,
      },
    };
  }

  return {
    props: { user: session.user, domain: 'cancanyou.com' },
  };
}

• 这里面 getServerSideProps 的返回值 props 段落会回传给 User(data) ，可以看到最终的页面输出：

  
  
  image.png

结束