Handling Webhooks in Your Shopify App: HTTP + Amazon EventBridge
HTML-код
- Опубликовано: 22 июл 2024
- Webhooks are an important part of any Shopify app, in this video I walk you through step-by-step how to set them up through standard HTTP and Amazon EventBridge.
Please let me know in the comments down below if you have any questions or run into any problems while following along in the video, I'd love to help out in any way I can. Feedback and constructive criticism is also highly appreciated!
And don't forget to follow me on Twitter! / devwithalex
📕 Chapters
-------------------------
0:00 Intro
0:48 HTTP Webhook Setup
5:45 Testing HTTP Webhook
8:09 Amazon EventBridge Webhook Setup
13:01 Testing EventBridge Webhook
14:23 Outro
🔗 LINKS
-------------------------
Webhook Topics Available for Subscription:
shopify.dev/docs/api/admin-gr...
HTTP Webhooks (Shopify.dev):
shopify.dev/docs/apps/webhook...
Amazon EventBridge Webhooks (Shopify.dev):
shopify.dev/docs/apps/webhook...
Google Cloud Pub/Sub Webhooks (Shopify.dev):
shopify.dev/docs/apps/webhook...
Shopify Devs Discord (I'm in there!):
/ discord
✉️ INQUIRIES
-------------------------
Email: contact@devwithalex.com
Twitter: / devwithalex
🙋🏽♂️ About Me
-------------------------
Hi there! My name is Alex and I have been programming (mostly self-taught) for over 4 years now. Programming has changed my life for the better, and I am on a mission to share my knowledge with you so that you can reap the rewards of a satisfying and fulfilling career in software development. My favorite thing about software development is that you are constantly learning, and I want to share the things I learn with you! I am always looking for ways to improve and new things to learn, so feel free to reach out or leave a comment letting me know where I can improve or if I should cover a specific topic!
jumped right in - no fluff...great video!!!! - thank you...
I finally found what I wanted to know! The best tutorial I’ve ever seen thank you so much!!
Watched many vides on webhooks, but this one was the one that really helped me. Thanks!
Was really informative, Thanks!👏
Fantastic explanation !!!
Keep up the good work.
Hi Alex, this video is very useful, thank you. If possible, please make another tutorial for mandatory webhooks. My custom webhooks works very well, but cannot trigger mandatory webhook. Really appreciate your hard work!
This is really helpful , I hope there's updated version of tutorial the template is different now
Hey RAA. Video was quite helpful. Can you tell me is there a way to catch abandoned cart in Shopify ?
Thank you for your video. it was very helpful! When I use shopify CLI same way that you did, it worked. However, when I add webhooks on the notification of dev store, it says Failed due to invalid HMAC. Do you know how to validate HMAC? I've followed it on official docs from Shopify, and it won't work.
Hi Alex, I was going well with the flow of your video, also successfully subscribed to the webhook and triggered it using Shopify CLI, but now suddenly I am not able to trigger the webhook, and in backend I am getting that ensureInstalledOnShop didn't receive shop query argument, which is a common error on shopify community site, and there also this problem is not solved, can you help me with this, my other functionalities of app are running fine, the shop argument vanishes at the time I trigger the webhook
Incredible tutorial! But i am having some issues with the HTTP Webhooks. When I try to trigger one, the console says "Failed to process webhook: Error: No HTTP webhooks registered for topic PRODUCTS_UPDATE". Do I need any other config?
Hey, mate. I have a doubt if I want to call my API directly instead of AWS Event Bridge or /webhooks, should I put my URL directly, right? When it install the app will it understand it?
hi, thanks for the video! im trying to create a public app using this method and i subscribed my dev store to the orders/create webhook at my app, but i still get the error : Failed to process webhook: Error: Could not validate request HMAC, im using the first method you shown. any idea why is this happening ?
RAA, thanks so much for this tutorial!! How do access the payload for the products update in another file under the components folder for further manipulation?
Once the payload is in the webhook, you can pass it to any other functions you want and manipulate the data. If you're wanting to pass it directly to a component though, that's not possible since webhooks are handled on the server
👏🏽
Hey Alex, Im new to shopify development and I was hoping you could give me some pointers. I'm trying to figure out the best way to track purchases my app brought in. So for example, Its a text message marketing app and when a customer gets a text from the app I want to know if that text generated a sale for that shopify store. What would be the best way to do this?
Easiest way would probably be to use UTM parameters in your links. So in your example the text message would have a link to the store, and that link would have the UTM params to track where the sale came from. Then when the order comes through you can check the UTM values associated with the sale and match them up that way.
Great video Alex. But I am wondering - this shows how we can create webhooks and trigger basic functions. But how do you actually use those webhooks to connect to the Shopify backend and update things? We don't have access to a session object that we normally have.
exactly this is what i need to figure out too! someone knows the answer?
You can get a session in webhooks by using offline tokens, then use the session to create an API client and interact with the Shopify backend
Hi, I have a webhook handler (http) that updates a Prisma db and also updates customer's metafields on BE.... is it possible to do this using EventBridge and SQS ? I can't figure this out. Thanks@@devwithalex
Hi thanks for your video, I did all and I can see notification/webhooks call only for products/update and not for orders/create. What am I do wrong?
Hey, you use Remix app ? , I use Remix but it return post 404 or 400. You can fix it
Create a video-> How to create shopify apps using typescript