FROM CACHE - jp_header

Hydrogen での cookie の利用方法

sohosoki
Shopify Partner
8 0 2

お世話になります。

 

現在 Hydrogen をつかってカスタムフロントショップの実装を進めており、cookie を使った処理をしたいと考えております。

 

通常の javascript で cookie を扱うように  `document.cookie` で cookie を読み取ろうと試してみたのですが、 `document` が定義されていないとのエラーが発生してしまい cookie を利用することができませんでした。

上記はクライアントサイドでレンダリングされるコンポーネント(`xxx.client.jsx` のコンポーネント)で実行しても同様のエラーが発生してしまいました。

 

Hydrogen のドキュメントに cookie のページがありましたが、こちらはブラウザに登録済みの cookie を読み取る方法ではなく新たに cookie を登録する方法のようで、今回は利用できなさそうでした。

https://shopify.dev/api/hydrogen/components/framework/cookie

 

Hydrogen においては、どのように登録済み cookie を読み取るのでしょうか?

ご存知でしたらご教示いただけると幸いです。

 

よろしくお願いいたします。

1件の返信1
株式会社フルバランス
Shopify Partner
1288 464 607

Sohosoki 様

 

はじめまして。

株式会社フルバランスのドウケと申します。

 

Hydrogenを使用したことがなく恐縮なのですが、

Next.js使用時「document is not defined」のエラーに遭遇のしたことがありますので、ご参考までに。

 

https://qiita.com/syu_ikeda/items/ea1e6931643aa812e6a2

本記事記載のとおり、document使用前に、存在判定を行うことで解決するかもしれません。

  if (typeof document !== 'undefined') {
    // documentに係る処理
  }

 

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ECの技術・実務・成長、お悩みのことがあれば、気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス