Create coding in custom app

Retired Boards Appdev Graphql Basics And Troubleshooting
1

Hey community,

I want to code a custom app for my shopify store, with Shopify API, not Storefront.

I installed all the recommended tools, from node.js, GIT, created a ngrok account, installed Shopify CLI.

I also created a custom app in my admin in Shopify, and clicked on “install app”. So I have all my tokens for accessing the app with the API.

Unfortunately, I’m stuck now.

  1. Why can’t I see this custom app in my Shopify Apps

  2. Where is the directory of this new app?

  3. How can I write code now and store it? If I understand correctly, I use a command line tool to enter my requests with the REST API (I guess I keep with this for now). But where can I anter code and save it?

  4. How can I then see the responses of the code?

Thank you for help here, and sorry for this basic questions, but I just can’t find answers to these simple questions.

Simon

2

Here is what I found out so far, I will share it with the ones who also are struggling like me, to find a tutorial that is working in 2022 or later. Obvioulsy all the original Shopify tutorials aren’t working as described.

I don’t know why certain original Shopify tutorials tell you to install a custom app in the Admin area in your shop, if they don’t continue to explain how to connect to it and to code in there. As far as I understand, you need to open a development store in Shopify Partner area. As I wrote above, I already installed node with npm, Shopify CLI and so on, beforehand.

In the Terminal (Windows command line tool for example) you can first login with “shopify login” (browser window will open and you login), then you create the new custom app from there with “shopify app create node”.

After, you now have to install your newly created App in your development store.

You change the directory in your Terminal window to your app directory with “cd C:\Users<UserName><AppName>”. The files of the app are obviously in the path "C:\Users<UserName><AppName>"

When you login in ngrok, you’ll see your Auth token. By typing “shopify app tunnel auth ” in your terminal (replace the token with your Auth token from ngrok, you can update the tunnel to ngrok (I think this is what it is for).

Start the tunnel (like a connection to your app, obviously needed before coding) by typing “shopify app serve” in the Terminal.

Let this terminal window in the background, and open a new Terminal window to continue working.

Unfortunately, this is where I’m stuck at the moment.

But all the tutorials I read so far are describing paths, like “Open /web/frontend/pages/index.jsx”

that are not there (this one for example I found here: "https://shopify.dev/apps/getting-started/build-app-example/frontend"

For any advice, I would be very grateful.

3

I created another custom app with this “tutorial”:

https://github.com/Shopify/shopify-app-template-node/blob/cli_three/README.md

So with typing “npm init @Shopify_77 [email removed] in my Terminal.

After, I used “npm run dev”

Now, I have the path I mentioned above. But I can’t find any “SHOPIFY_API_KEY” of the app as described.

It’s frustrating ;(

4

Do you have any progress? I’m encountering the same problem. I’m confused about Shopify custom apps, and I’m finding it difficult to find useful information in the official docs.