2022年3月時点でのShopifyチュートリアルで詰まった人(というより筆者が詰まってしまったところ)向け記事。
https://shopify.dev/apps/getting-started/create
いざshopify app serve
を起動してみると以下エラーが出ていた人向け。
そもそもShopifyがなんなのかとか、チュートリアルに明記されていることは省略する。
X Couldn't verify your store. If you don't have a development store set up, please create one in your Partners dashboard and run
shopify app connect
.
X An unexpected error occured.
To submit an issue include the stack trace.
To print the stack trace, add the environment variable SHOPIFY_CLI_STACKTRACE=1.
確認すべきこと
そもそもRequirementsに書かれてることやってる?
You've created a Partner account and a development store.
You understand how apps fit into Shopify and the different types of apps you can build.
You've installed the latest versions of Node.js and npm.
パートナーアカウント作ったり開発用ストア作ったり。
ngrokに登録してる?
ngrokはローカルWebサーバのポートを伝えるとインターネットへデフォルトHTTPSで公開してくれるツールである(すごい)。
Shopify CLI uses ngrok to create a tunnel that allows your app to be accessed using a unique HTTPS URL, which is mandatory when creating an app.
You need to create an ngrok account and auth token to run shopify app tunnel auth. To learn more about creating an auth token, refer to ngrok’s documentation.
では、 shopify app tunnel auth <token>
にあるトークンはどこにあるのか?
ngrokに登録したあと、https://dashboard.ngrok.com/get-started/your-authtoken
にてトークンが発行されているのでそれを使う。
つまり発行されているのがhogehoge
だとすればshopify app tunnel auth hogehoge
とすればいい。
.envに書かれている項目にSHOPはある?
SHOP=hogehoge
みたいに書かれていなければ、SHOP情報が抜けている。
shopify login --store <STORE NAME>
のように入力し、.envに覚えさせる。