Storefrontのcheckout APIを利用してサブスクリプション商品を追加したチェックアウトが作成したいです。

日本語 ディスカッション 技術的なQ＆A
1

「サブスクリプション商品をカートに追加して、
Emailを入力した状態でチェックアウト画面に遷移したい」のですが、
方法が分からず特定できなかったので質問させていただきました。

以下、何かお気づきの箇所があれば、どなたかアドバイスいただけないでしょうか。

現状：
Storefront のCheckout APIのLineItemにサブスクリプションを追加することができない。

↓試した流れ

  1. Ajax API のCartを利用してカートに商品を追加する。(カートにサブスク商品が追加される）
  2. Storefront APIのCheckoutを利用してEmailを事前入力してCheckoutのURLを取得する。
  3. 取得したURL経由でチェックアウト画面に移動するとEmailは既に入力されているがカートが空。
    考察：
    Checkout APIのcreateCheckoutのLineItemにはvariantId(単体商品)を追加すれば、
    単体商品は追加できるようですが、サブスクリプション(sellingplan)は追加できない
    (LineItemに追加できない）ので、何か他の方法があるのではと考えています。
    https://shopify.dev/docs/api/storefront/2022-10/mutations/checkoutcreate

サブスクリプションを追加する為に、CartとCheckout APIを併用すれば
できるのでは、、、と調べていますが、情報が特定できませんでした。

そもそも「できない」のか、「他の方法がある」のか、
もしご存知の方がおられましたら、ご教示いただければ嬉しいです。

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

2

できるかどうか試してませんが、cartCreateを使って、

・linesにsellingPlanIdを指定

・buyerIdentityのemailを指定

・作成されたCartのcheckoutUrlに遷移させる

でいけませんか？

https://shopify.dev/docs/api/storefront/2023-04/mutations/cartCreate

3

ご連絡ありがとうございます。返事が遅くなり大変申し訳ありませんでした。。。

気づいておりませんでした、buyerIdentityに要素を追加して試してみます！

また進展あればご連絡させていただきます。

4

こちら、試してみたのですが、

cartCreateだと最終のチェックアウト画面に一気に遷移することができませんでした。

(チェックアウトの初期画面の個人情報入力画面では意図している情報は事前登録はできました）

チェックアウト画面のページは3つに別れていますが、

一気に最後のクレジット登録画面に遷移したいと考えています。

  1. 個人情報入力画面
  2. 送料確定画面
  3. クレジット入力画面

↑上の「３」の画面にサブスクリプションを利用して一気に遷移したいのですが、やはりまだ分からず苦戦しております。。