FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Hydrogen での cookie の利用方法

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
1623 576 750

Sohosoki 様

 

はじめまして。

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

 

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

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

 

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

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

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

 

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス