Steg 2: Anslut Google Slides

Dessa noder läser bildelement och uppdaterar bilder via Google Slides API.

1. Öppna Fetch Slide Elements och ställ in URL till =https://slides.googleapis.com/v1/presentations/{{ $('Incoming Webhook Trigger').item.json.body.presentation_id }}.
2. I Fetch Slide Elements, ställ in Authentication till predefinedCredentialType.
3. Inloggningsuppgifter krävs: Anslut era googleSlidesOAuth2Api-inloggningsuppgifter i Fetch Slide Elements.
4. Öppna Update Slide Images och ställ in URL till =https://slides.googleapis.com/v1/presentations/{{ $('Incoming Webhook Trigger').item.json["body"]["presentation_id"] }}:batchUpdate .
5. Ställ in Method till POST och Specify Body till json i Update Slide Images.
6. Inloggningsuppgifter krävs: Anslut era googleSlidesOAuth2Api-inloggningsuppgifter i Update Slide Images.

⚠️ Vanlig fallgrop: Se till att Google Slides API är aktiverat för Google-kontot som används i Update Slide Images och Fetch Slide Elements, annars misslyckas anropen med 403-fel.

Steg 3: Sätt upp validering av indata

Arbetsflödet kontrollerar att den inkommande webhooken innehåller alla obligatoriska fält innan det fortsätter.

1. Lägg till noden Validate Input Parameters och anslut den till Incoming Webhook Trigger.
2. Konfigurera tre villkor med String > Exists med Left Value satt till {{ $json.body.presentation_id }}, {{ $json.body.image_key }} och {{ $json.body.image_url }}.
3. Säkerställ att Combinator är satt till and så att alla fält krävs.

Steg 4: Extrahera bild-ID:n och ersätt bilder

Bilder hämtas, bildelement filtreras med den angivna nyckeln och därefter ersätts varje bild.

1. Anslut true-utgången från Validate Input Parameters till Fetch Slide Elements.
2. I Extract Image Object IDs, klistra in JavaScript-koden exakt som den är angiven för att filtrera bildelement med image_key.
3. Anslut Fetch Slide Elements → Extract Image Object IDs → Update Slide Images för att följa exekveringsflödet.
4. I Update Slide Images, ställ in JSON Body till ={ "requests": [ { "replaceImage": { "imageObjectId": "{{ $json.objectId }}", "url": "{{ $('Incoming Webhook Trigger').item.json["body"]["image_url"] }}", "imageReplaceMethod": "CENTER_CROP" } }, { "updatePageElementAltText": { "objectId": "{{ $json.objectId }}", "description": "{{ $('Incoming Webhook Trigger').item.json["body"]["image_key"] }}" } } ] } .

Steg 5: Lägg till felhantering

Saknade indatafält returnerar ett tydligt felsvar till anroparen.

1. Anslut false-utgången från Validate Input Parameters till Handle Missing Fields.
2. I Handle Missing Fields, ställ in Respond With till json och Response Body till { "error": "Missing fields." }.
3. Ställ in Response Code till 500 för att indikera en felaktig begäran.

Steg 6: Testa och aktivera ert arbetsflöde

Verifiera att webhooken returnerar ett lyckat svar och att bilden ersätts i er presentation.

1. Klicka på Test Workflow och skicka en POST-begäran till Incoming Webhook Trigger-URL:en med presentation_id, image_key och image_url i JSON-body.
2. Bekräfta att arbetsflödet avslutas i Return Webhook Response med { "message": "Image replaced." }.
3. Kontrollera er Google Slides-presentation för att bekräfta att bilden uppdaterades och att alt-text-beskrivningen matchar image_key.
4. Slå på arbetsflödet till Active för att aktivera användning i produktion.