nookies

구석?

Next.js를위한 쿠키 도우미 컬렉션

특징

• SSR 지원, 세터, 파서 및 파괴
• Custom Express 서버 지원
• ? 초석
• ? 인증에 적합합니다

쿠키 설정 및 파괴는 서버 측에서도 작동합니다.

빠른 시작

yarn add nookies

여기에서 예제 코드를 사용하여 재생할 수 있습니다.

서버 사이드 쿠키

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

클라이언트 전용 쿠키

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

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

    ) ; 

참조

클라이언트 측 사용의 경우 ctx 매개 변수를 생략하십시오. 빈 객체 ( {} ), null 또는 undefined 로 설정하여 그렇게 할 수 있습니다.

parseCookies(ctx, options) 또는 nookies.get(ctx, options)

• CTX : Next.js context || (Express request object)
• 옵션 :
  • 디코드 : a custom resolver function (default: decodeURIComponent)

setCookie(ctx, name, value, options) 또는 nookies.set(ctx, name, value, options)

res.send() 로 서버에서 응답을 종료하는 것을 잊지 마십시오.

• CTX : (Next.js context) || (Express request object)
• 이름 : 쿠키 이름
• 가치 : 쿠키 가치
• 옵션 :
  • 도메인
  • 인코딩
  • 만료
  • httponly
  • 최대
  • 길
  • Samesite
  • 안전한

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

res.send() 로 서버에서 응답을 종료하는 것을 잊지 마십시오. 이것이 쿠키가 제거되지 않은 이유 일 수 있습니다.

• CTX : (Next.js context) || (Express response object)
• 이름 : 쿠키 이름
• 옵션 :
  • 도메인
  • 길

특허

MIT