ShopifyでStoreFront APIを使用してカスタムECフロントを構築するときに必要なアクセストークンの取得方法に迷ったので記録しておきます。
プライベートアプリの作成
パートナーアカウントの管理画面からではなく、開発ストアの管理画面から操作を行う。
開発ストア管理画面にて「アプリ管理」の「プライベートアプリを管理する」をクリック。
プライベートアプリを有効にしていない場合は、プライベートアプリを有効にする。
プライベートアプリを作成し、アプリからアクセスするストアのエリアを設定する(後から変更可能)。
[このアプリがストアフロントのAPIを使用してストアフロントデータにアクセスできるようにする] を選択する(後から変更可能)。
保存すると、アクセストークンが表示される。
疎通確認
curlで疎通確認する。レスポンスが帰ってくれば問題無し。
$ curl -X POST \
> "https://eringiv3test.myshopify.com/api/2020-10/graphql" \
> -H "Accept: application/json" \
> -H "Content-Type: application/graphql" \
> -H "X-Shopify-Storefront-Access-Token: <storefront-access-token>" \
> -d '
> {
> shop {
> name
> primaryDomain {
> url
> host
> }
> }
> }
> '
{"data":{"shop":{"name":"eringiv3test","primaryDomain":{"url":"https:\/\/eringiv3test.myshopify.com","host":"eringiv3test.myshopify.com"}}}}
関連リンク
storefront api document: https://shopify.dev/docs/storefront-api