nookies

隅？

next.jsのクッキーヘルパーのコレクション

特徴

• SSRサポート、セッター、パーサー、破壊のためのサポート
• カスタムエクスプレスサーバーサポート
• ？スーパーライト
• ？認証に最適です

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

カスタムエクスプレスサーバークッキー

 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値
• オプション：
  • ドメイン
  • エンコード
  • 期限切れ
  • httponly
  • 最大
  • パス
  • SamesIte
  • 安全な

destroyCookie(ctx, name, options)またはnookies.destroy(ctx, 'token', options)

res.send()を使用してサーバー上の応答を終了することを忘れないでください。これがあなたのクッキーが削除されない理由かもしれません。

• ctx ：（ (Next.js context) || (Express response object)
• 名前：クッキー名
• オプション：
  • ドメイン
  • パス

ライセンス

mit