shopifyのPartnerアプリ開発 下書き注文でAPIをバックエンド処理に修正

【 募集詳細 】 shopifyアプリ開発環境が整っている方 顧客が下書き注文する際の処理をフロントエンドから一部、バックエンド(/app/routes/createDraftorder)へ修正。 現在はフロントエンドのアクセストークンで処理されて下書き注文へ反映されます。 graphAPIで開発環境のアプリ設定辺りの説明が長くリソースを省きたいので慣れてる人にお願いしようと思いました。 「アクセストークン」を隠して、バックエンドで処理されるようにお願いしたいです。 インストール先はshopifyのbasicプランという条件です。 アプリで設定した部分や変更した部分もお伝えください。 ※カスタムアプリではないです。 やり取りの時間をなくすために必要な情報をできるだけ多くここに書いておきます。 ■ここではapiのみ表示 code抜粋ですが、以下のようにフロントエンドに記述されているので、これをバックエンドで処理させてください。ファイル添付してるtestliquidは、テンプレートでpage作成してコピペしてこれをpage設定すると動作します。現在のフロントエンドで動作していましたので、そのコード添付しています。 const response = await fetch('/admin/api/2023-10/draft_orders.json', { // 下書き注文用のエンドポイント method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Shopify-Access-Token': 'shpat_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', }, body: JSON.stringify(orderData), }); ※('X-Shopify-Access-Tokenはxxxにしてます。カスタムアプリのアクセストークンを使用) 添付しているコードにcustomerIDと商品ID設定すると動作します。 上記のコードを次のBで動かしています。 ■本案件は以下の主にB確認ページの部分の修正になります。 【A商品ページ(product/test)】→【B確認ページ(template/page.test)】→【C　admin注文管理の下書き】 ※AからBへsession等で商品ID、商品名、メタフィールド等でデータを渡します。 ※Bで顧客がAの内容を確認して、送信ボタンによりCへ反映 ※APIだけバックエンドで処理して動けば良いので、sessionなどのデータを渡す処理などは不要です。 適当に顧客アカウントでログインしてそのアカウントで注文ページにて操作するため、この顧客のcustomerID取得が必要です。また、商品適当に作成して商品IDを値に使って送信ボタンを押すと注文管理の下書き注文へ反映されれば完了です。 ■現在の状態や背景 こちらの開発環境でショップ動作。API資格情報にある、Admin APIのアクセストークンを使用。 カスタムアプリで動作。 その後、クライアントへ同様に作成したところ、クライアントがbasicプラン(制限付きデータアクセス (PIIなし))の為、動作せず。確認したところ、クライアントのプランがbasicプランのためカスタムアプリが使えず、上記のアクセストークンが使用できない。 basicプラン(https://www.shopify.com/jp/pricing)においては、外部アプリの統合が可能であることから、こちらでpartnerのアプリ開発を提供。アプリはストアではなくクライアントのみインストールして提供。 ■【B確認ページ(page.test)】のページ作成 ・templatesにpageでtest、URLを生成。 ・shopifyの管理ページからページを追加して上記のtemplateを適用。 以下のようなURLになります。 templates/page.test.liquid 前述通り、フロントエンドのみは下書き注文に反映されて動作します。 ※添付画像ＢとＣ ■アプリは初期の状態でよいです。 アクセス スコープwrite_draft_orders。 ドラフト注文を管理するためのアクセス権を持っている必要有 バックエンド処理のtypescriptサンプルコードも添付しています。 こちらは動作しません。 注意 ◆RESTapiがレガシーになっており、graphQLで作成