Liquid、JavaScriptなどに関する質問
Shopifyのテーマ(liquid)からGraphQLを使ってShopifyAPIにリクエストを送ることは可能でしょうか?
それともnodeサーバーなどの設定が必要になりますか?
どなたかわかる方いましたらよろしくお願いします。
解決済! ベストソリューションを見る。
成功
可能かと思います。ApolloなどのGraphQLのクライアントを用いる方法と、いわゆるAjax(axios, fetch API, jQuery)でREST APIとしてリクエストを送る方法があると思います。
以下に詳細が書かれているドキュメントを示しますが、特にnodeサーバーなどは立てる必要はないと思います。
=> https://shopify.dev/docs/admin-api/getting-started
特殊な処理を中間で噛ませる場合は必要になるかもしれません。例えばGraphQLで取得したデータを整形してフロントに返却するとか。
ここで注意したいのが、ページを読み込む際に利用するデータをGraphQLから取得するのは避けた方がいいのではないかと思います(ページのレンダリングが遅くなるため)。
Liquidからデータが取得できるものはできるだけLiquidから取得した方がいいという事です。
スクリプトを介してGraphQLへリクエストを送るのは更新処理やユーザーのアクションで表示を変えたいときなどに有効かと思われます。
成功
可能かと思います。ApolloなどのGraphQLのクライアントを用いる方法と、いわゆるAjax(axios, fetch API, jQuery)でREST APIとしてリクエストを送る方法があると思います。
以下に詳細が書かれているドキュメントを示しますが、特にnodeサーバーなどは立てる必要はないと思います。
=> https://shopify.dev/docs/admin-api/getting-started
特殊な処理を中間で噛ませる場合は必要になるかもしれません。例えばGraphQLで取得したデータを整形してフロントに返却するとか。
ここで注意したいのが、ページを読み込む際に利用するデータをGraphQLから取得するのは避けた方がいいのではないかと思います(ページのレンダリングが遅くなるため)。
Liquidからデータが取得できるものはできるだけLiquidから取得した方がいいという事です。
スクリプトを介してGraphQLへリクエストを送るのは更新処理やユーザーのアクションで表示を変えたいときなどに有効かと思われます。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024