Liquid、JavaScriptなどに関する質問
お世話になります。
現在 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 を読み取るのでしょうか?
ご存知でしたらご教示いただけると幸いです。
よろしくお願いいたします。
Sohosoki 様
はじめまして。
株式会社フルバランスのドウケと申します。
Hydrogenを使用したことがなく恐縮なのですが、
Next.js使用時「document is not defined」のエラーに遭遇のしたことがありますので、ご参考までに。
https://qiita.com/syu_ikeda/items/ea1e6931643aa812e6a2
本記事記載のとおり、document使用前に、存在判定を行うことで解決するかもしれません。
if (typeof document !== 'undefined') {
// documentに係る処理
}
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024