Shopify StoreFront AccessTokenの取得方法

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

参考

https://help.shopify.com/ja/manual/apps/private-apps