Auth.js (Next.js, SvelteKit…)

@pismile/authjs préconfigure tout ce que le guide Next.js fait à la main : PKCE, state et nonce, secret en client_secret_basic, et les claims pismile dans la session.

1. Installez le paquet

   TerminalCopier

   npm install next-auth@beta @pismile/authjs
   npx auth secret

2. Ajoutez vos identifiants

   Adresse de redirection à déclarer dans la console : http://localhost:3000/api/auth/callback/pismile.

   .env.localCopier

   AUTH_SECRET=...
   AUTH_PISMILE_ID=VOTRE_CLIENT_ID
   AUTH_PISMILE_SECRET=votre_secret
   AUTH_PISMILE_ISSUER=https://pismile.com

3. Déclarez le fournisseur

   auth.tsCopier

   import NextAuth from "next-auth";
   import Pismile, { pismileCallbacks } from "@pismile/authjs";
   
   export const { handlers, auth, signIn, signOut } = NextAuth({
     providers: [Pismile()],
     callbacks: pismileCallbacks,
   });

   app/api/auth/[...nextauth]/route.tsCopier

   import { handlers } from "@/auth";
   
   export const { GET, POST } = handlers;

4. Utilisez la session

   app/page.tsxCopier

   import { auth, signIn } from "@/auth";
   
   export default async function Home() {
     const session = await auth();
     if (!session?.user) {
       return (
         <form
           action={async () => {
             "use server";
             await signIn("pismile");
           }}
         >
           <button type="submit">Se connecter avec pismile</button>
         </form>
       );
     }
     return (
       <p>
         Bonjour {session.user.name} ({session.user.pismile?.country})
       </p>
     );
   }

Ce que contient la session#

Options#

Action sensible#

import { isRecentlyVerified } from "@pismile/authjs";

const session = await auth();
if (!isRecentlyVerified(session?.user, 300)) {
  await signIn("pismile", undefined, { prompt: "login" });
}