nookies

NOOKIES?

Koleksi Pembantu Kue untuk Next.js

Fitur

• Dukungan SSR, untuk setter, parser dan hancurkan
• Dukungan Server Kustom Express
• ? super ringan
• ? Sempurna untuk otentikasi

Mengatur dan menghancurkan cookie juga berfungsi di sisi server.

Awal yang cepat

yarn add nookies

Anda dapat bermain dengan kode contoh di sini.

Cookie Layanan Server

 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 }
} 

Cookie khusus klien

 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 >
} 

Cookie Server Kustom Express

 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 ) ;
        } ) ;

    ) ; 

Referensi

Untuk penggunaan sisi klien, hilangkan parameter ctx . Anda dapat melakukannya dengan mengaturnya ke objek kosong ( {} ), null atau undefined .

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

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

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

Jangan lupa untuk mengakhiri tanggapan Anda di server dengan res.send() .

• CTX: (Next.js context) || (Express request object)
• Nama: Nama Cookie
• Nilai: Nilai Cookie
• Opsi:
  • domain
  • menyandi
  • kedaluwarsa
  • httponly
  • Maxage
  • jalur
  • Samesite
  • aman

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

Jangan lupa untuk mengakhiri tanggapan Anda di server dengan res.send() . Ini mungkin alasan cookie Anda tidak dihapus.

• CTX: (Next.js context) || (Express response object)
• Nama: Nama Cookie
• Opsi:
  • domain
  • jalur

Lisensi

Mit