nookies

角落？

Next.js的cookie帮助者的集合

特征

• SSR支持，用于设置，解析和销毁
• 自定义Express服务器支持
• ？超轻
• ？非常适合身份验证

设置和销毁cookie也适用于服务器端。

快速开始

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

自定义Express服务器cookie

 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)
• 名称： cookie名称
• 值： cookie值
• 选项：
  • 领域
  • 编码
  • 到期
  • httponly
  • 最大
  • 小路
  • 塑料
  • 安全的

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

不要忘记使用res.send()在服务器上结束您的响应。这可能是您的cookie未删除的原因。

• CTX ：（ (Next.js context) || (Express response object)
• 名称： cookie名称
• 选项：
  • 领域
  • 小路

执照

麻省理工学院