Hoe u standaardwebhooks kunt koppelen aan Shopify Flow
Standard Webhooks is een open specificatie voor het ondertekenen van webhooks, die wordt gebruikt door OpenAI, Supabase Auth Hooks en een steeds groter wordende lijst van diensten. Eén voorinstelling is voldoende voor al deze diensten. Workflow Webhooks zet die aanroep om in een ‘Shopify Flow’-Trigger, zodat uw winkel hierop kan reageren: een klant taggen, een opmerking bij een bestelling toevoegen, een interne e-mail versturen, een metaveld bijwerken - alles wShopify Flow, kan doen.
Deze handleiding beschrijft het volledige proces - Standard Webhooks verzendt, Workflow Webhooks ontvangt en verifieert, Shopify Flow voert de actie uit - waarbij bij elk verzoek de HMAC-handtekening van Standard Webhooks wordt gecontroleerd, zodat uitsluitend Standard Webhooks uw workflow kan starten.
Wat u kunt bouwen
- Neem een OpenAI-webhook - een voltooide batchtaak of een afgerond antwoord - en laat Shopify Flow op basis van het resultaat actie ondernemen in uw winkel.
- Reageer op een Supabase Auth Hook, zodat bij een registratie in uw eigen app de bijbehorende klant in Shopify wordt getagd.
- Ontvang gegevens van elke dienst die voldoet aan de specificaties van standardwebhooks.com, zonder dat u een aangepaste handtekening hoeft te configureren.
Typische gebeurtenissen die kunnen worden verzonden: elke gebeurtenis die door de verzendende dienst wordt gedefinieerd.
Dezelfde voorinstelling controleert tevens webhooks van OpenAI en Supabase Auth Hooks.
Voordat u begint
- Workflow Webhooks geïnstalleerd in uw Shopify-winkel.
- Shopify Flow geïnstalleerd, dat gratis te downloaden is via de App Store op Shopify.
- Een account bij Standard Webhooks met de bevoegdheid om webhooks aan te maken.
Stap 1 - Maak de webhook aan op Workflow Webhooks
- Ga naar Workflow Webhooks -> Webhooks -> Maak een webhook aan en geef deze een naam die u in Shopify Flow zult herkennen, zoals
Standard Webhooks events. - Kies onder ‘Authenticatie’ de optie ‘HMAC’.
- Kies onder ‘Signature provider’ de optie ‘Standard Webhooks’. De app vult de header, het algoritme, de ondertekende payload en het replay-venster automatisch voor u in - u hoeft verder niets meer te configureren.
- Laat het veld ‘geheim’ voorlopig leeg en klik op ‘Opslaan’. Kopieer de webhook-URL die op de pagina wordt weergegeven.
Zie Authenticatie voor de overige authenticatiemodi en Toewijzing van payloads en Flow-variabelen voor informatie over welke velden naar Shopify Flow worden doorgestuurd.
Stap 2 - Voeg het eindpunt toe in Standaard-webhooks
Voeg de URL toe als eindpunt in de verzendservice en kopieer vervolgens het ondertekeningsgeheim dat u te zien krijgt (dit begint met whsec_).
Hoe u uw ondertekeningsgeheim voor standaardwebhooks kunt vinden
Het ondertekeningsgeheim dat begint met whsec_. Plak het in zijn geheel; als het wordt weergegeven als v1,whsec_... (Supabase), laat dan de inleidende "v1," weg.
In de eigen documentatie van Standard Webhooks over webhook-handtekeningen vindt u de exacte bewoordingen en schermafbeeldingen voor uw account.
Plak dat geheim in het veld ‘Secret’ van de webhook op Workflow Webhooks en sla het op. Vanaf dat moment wordt elke verzending via Standard Webhooks geverifieerd voordat deze Shopify Flow bereikt.
Wat hiermee wordt gecontroleerd
| Wat | Waarde |
|---|---|
| Handtekeningkoptekst | webhook-signature |
| Waar de handtekening staat | De waarde van de header, na het voorvoegsel v1, |
| Wat is ondertekend? | {header:webhook-id}.{timestamp}.{body} |
| Handtekening | HMAC-SHA256, gecodeerd met Base64 |
| Tijdstempel | De header webhook-timestamp, uitgedrukt in Unix-seconden |
| Bescherming tegen herhaling | Verzoeken waarvan de ondertekende tijdstempel meer dan 5 minuten van het huidige tijdstip afwijkt, worden afgewezen |
| Het geheim | Voor gebruik wordt de tekst in Base64 gedecodeerd. Het voorvoegsel whsec_ wordt vóór het decoderen verwijderd. Plak de tekst precies zoals de afzender deze weergeeft. |
In de ondertekende payload is {body} de onbewerkte verzoektekst, byte voor byte, is {timestamp} de hierboven vermelde tijdstempel en is {header:webhook-id} de verzoekheader webhook-id.
Een verzoek dat aan een van deze voorwaarden niet voldoet, wordt afgewezen met de foutmelding 401, wordt geregistreerd in Geschiedenis en probleemoplossing en leidt nooit tot het starten van een workflow.
Stap 3 - Stel de workflow Shopify Flow samen
- Maak in ‘Shopify Flow’ een workflow aan en kies de trigger ‘Workflow Webhooks’.
- Klik op ‘Gebeurtenissen vastleggen’ en verstuur vervolgens een testgebeurtenis via ‘Standaardwebhooks’ (of gebruik de optie ‘Test verzenden’ in Workflow Webhooks), zodat Shopify Flow de structuur van uw gegevens leert kennen.
- Elke webhook die u bezit, activeert dezelfde Shopify Flow-trigger. Voeg daarom een eerste voorwaarde toe op basis van de webhook-id, zodat deze workflow beperkt blijft tot standaardwebhooks. De id wordt weergegeven op de webhook-pagina.
- Voeg uw acties toe - tag een klant, voeg een notitie toe, verstuur een interne e-mail, werk een metaveld bij.
Stap 4 - Test het van begin tot eind
Activeer een daadwerkelijke gebeurtenis in Standard Webhooks. Onder ‘Workflow Webhooks’ -> ‘History’ zou u de aanroep moeten zien met de status ‘Success’. Indien de handtekening onjuist was, krijgt u in plaats daarvan een vermelding van een mislukking met de bijbehorende reden. Op Gecertificeerde webhooks verifiëren vindt u uitleg over de handtekeningtester, die u precies laat zien welke stap is mislukt.
De handtekening komt niet overeen▾
In deze volgorde: het geheim (de meest voorkomende oorzaak - een extra spatie of een sleutel uit de verkeerde omgeving), of de afzender het geheim van een ander eindpunt gebruikt, en of er iets tussen Standard Webhooks en de app staat dat de body herschrijft. Handtekeningen hebben betrekking op de ruwe bytes, dus een proxy die JSON opnieuw opmaakt, maakt ze ongeldig. De handtekeningtester op de webhook-pagina toont de exacte tekst die is ondertekend.
Bij elk verzoek krijg ik een 401-foutmelding▾
Controleer of de authenticatie van de webhook is ingesteld op HMAC en of de provider ‘Standard Webhooks’ is geselecteerd, of het geheim is ingevuld en of ‘Standard Webhooks’ gegevens naar de URL verstuurt precies zoals deze in de app wordt weergegeven, inclusief de code aan het einde.
Er wordt niets weergegeven in de geschiedenis▾
Het verzoek is nooit aangekomen. Controleer de URL in Standard Webhooks nogmaals en bekijk het eigen afleveringslogboek van Standard Webhooks om te zien welk antwoord het heeft ontvangen. Een 404 duidt op een onjuiste of verwijderde webhook, een 429 betekent dat u de limiet voor het aantal aanroepen van uw abonnement hebt overschreden - zie Abonnementen en gebruik.
De workflow wordt voor de verkeerde gebeurtenissen uitgevoerd▾
Elke webhook in uw winkel activeert dezelfde Shopify Flow-trigger. Voeg als eerste stap van de workflow een voorwaarde toe op basis van de webhook-ID, of beperk de gebeurtenissen die u vanuit Standaard-webhooks verstuurt.
Verzoeken mislukken met de foutmelding „tijdstempel buiten de tolerantiegrenzen“▾
Standard Webhooks voorziet een tijdstempel van een tijdstempel en de app wijst alles af dat ouder is dan 5 minuten. Dit is doorgaans een klokprobleem aan de verzendende kant, of een verzending die Standard Webhooks veel later opnieuw heeft geprobeerd met het oorspronkelijke tijdstempel. Herhalingspogingen van hetzelfde oorspronkelijke verzoek worden niet geaccepteerd; verzoek Standard Webhooks om een nieuwe gebeurtenis te verzenden.
Gerelateerd
- Gecertificeerde webhooks verifiëren - elke aanbieder die wij verifiëren, en hoe wij een aanbieder beschrijven die wij niet verifiëren.
- Toewijzing van payloads en Flow-variabelen - de juiste velden uit de Payload halen en in Shopify Flow invoeren.
- Bescherming tegen dubbele leveringen - wat er gebeurt wanneer Standard Webhooks een verzending opnieuw probeert.
- Geschiedenis en probleemoplossing - het logboek van elk verzoek, inclusief de mogelijkheid tot herhaling.