nookies

Nookies?

Une collection de cookies pour next.js

Caractéristiques

• Support SSR, pour setter, analyser et détruire
• Prise en charge du serveur express personnalisé
• ? super léger
• ? Parfait pour l'authentification

Le réglage et la destruction des cookies fonctionnent également sur le côté du serveur.

Démarrage rapide

yarn add nookies

Vous pouvez jouer avec l'exemple de code ici.

Cookies serveurs

 import nookies from 'nookies'

export default function Me ( ) {
  return < div > My profile </ div >
}

export async function getServerSideProps ( ctx ) {
  // Parse
  const cookies = nookies . get ( ctx )

  // Set
  nookies . set ( ctx , 'fromGetInitialProps' , 'value' , {
    maxAge : 30 * 24 * 60 * 60 ,
    path : '/' ,
  } )

  // Destroy
  // nookies.destroy(ctx, 'cookieName')

  return { cookies }
} 

Cookies uniquement

 import { parseCookies , setCookie , destroyCookie } from 'nookies'

function handleClick ( ) {
  // Simply omit context parameter.
  // Parse
  const cookies = parseCookies ( )
  console . log ( { cookies } )

  // Set
  setCookie ( null , 'fromClient' , 'value' , {
    maxAge : 30 * 24 * 60 * 60 ,
    path : '/' ,
  } )

  // Destroy
  // destroyCookie(null, 'cookieName')
}

export default function Me ( ) {
  return < button onClick = { handleClick } > Set Cookie </ button >
} 

Cookies de serveur express personnalisés

 const express = require ( 'express' ) ;
const dev = process . env . NODE_ENV !== 'production' ;
const app = next ( { dev } ) ;
const handle = app . getRequestHandler ( ) ;
const { parseCookies , setCookie , destroyCookie } = require ( 'nookies' ) ;

app . prepare ( )
    . then ( ( ) => {
        const server = express ( ) ;

        server . get ( '/page' , ( req , res ) => {

          // Notice how the request object is passed
          const parsedCookies = parseCookies ( { req } ) ;

          // Notice how the response object is passed
          setCookie ( { res } , 'fromServer' , 'value' , {
            maxAge : 30 * 24 * 60 * 60 ,
            path : '/page' ,
          } ) ;

          // destroyCookie({ res }, 'fromServer');

          return handle ( req , res ) ;
        } ) ;

    ) ; 

Référence

Pour l'utilisation côté client, omettez le paramètre ctx . Vous pouvez le faire en le définissant sur un objet vide ( {} ), null ou undefined .

parseCookies(ctx, options) ou nookies.get(ctx, options)

• CTX: Next.js context || (Express request object)
• Options:
  • Decode: a custom resolver function (default: decodeURIComponent)

setCookie(ctx, name, value, options) ou nookies.set(ctx, name, value, options)

N'oubliez pas de mettre fin à votre réponse sur le serveur avec res.send() .

• CTX: (Next.js context) || (Express request object)
• Nom: nom de cookie
• Valeur: valeur cookie
• Options:
  • domaine
  • encoder
  • expire
  • httponly
  • maxage
  • chemin
  • site
  • sécurisé

destroyCookie(ctx, name, options) ou nookies.destroy(ctx, 'token', options)

N'oubliez pas de mettre fin à votre réponse sur le serveur avec res.send() . C'est peut-être la raison pour laquelle votre cookie n'est pas supprimé.

• CTX: (Next.js context) || (Express response object)
• Nom: nom de cookie
• Options:
  • domaine
  • chemin

Licence

Mit