LoginSignup
1
0

More than 1 year has passed since last update.

Shopifyの公式チュートリアル起動時点で詰まった時の備忘録

Posted at

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に覚えさせる。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0