Steg 2: Konfigurera schematriggrarna

Konfigurera de schemalagda triggrarna som uppdaterar omdirigeringen och genererar bilder automatiskt.

1. Öppna Daily Schedule Trigger och ställ in regeln så att den triggar vid minut 8 med den befintliga intervallkonfigurationen.
2. Anslut Daily Schedule Trigger till Modify Redirect Target för att följa körflödet: Daily Schedule Trigger → Modify Redirect Target.
3. Öppna Hourly Schedule Trigger och ställ in regeln så att den triggar varje timme vid minut 1 med den befintliga intervallkonfigurationen.
4. Anslut Hourly Schedule Trigger till Generate Dynamic Image för att följa körflödet: Hourly Schedule Trigger → Generate Dynamic Image → Update Repository File.

Steg 3: Anslut GitHub för fillagring

Konfigurera GitHub-noderna som skapar, hämtar och uppdaterar den dynamiska bildfilen.

1. I Update Repository File, ställ in File Path till =n8n-examples/dynamic-images/{{ $binary.data.fileName }}.{{ $binary.data.fileExtension }} och aktivera Binary Data.
2. Ställ in Commit Message till =dynamic_img_update i Update Repository File.
3. I Retrieve Repo File, ställ in File Path till =n8n-examples/dynamic-images/dynamic_img.png och behåll Operation som get.
4. I Utility: Create Repo File, ställ in File Path till =n8n-examples/dynamic-images/dynamic_img.png och Commit Message till initial creation.
5. I Utility: Fetch Download Link, ställ in File Path till =n8n-examples/dynamic-images/dynamic_img.png med Operation inställd på get.
6. Credential Required: Anslut era githubOAuth2Api-credentials i Update Repository File, Retrieve Repo File, Utility: Create Repo File och Utility: Fetch Download Link.

Steg 4: Sätt upp bildgenerering och omdirigeringslogik

Konfigurera den dynamiska bildskapningen och uppdateringarna av omdirigeringsaliaset.

1. I Generate Dynamic Image, behåll Operation inställd på multiStep och bekräfta att första steget skapar en 640 × 480-bild.
2. Verifiera att textoperationerna i Generate Dynamic Image använder uttryck som ={{ $now.setLocale('en').toLocaleString(DateTime.DATE_MED) }} och ={{ $now.toFormat('HH:mm') }} för att rendera datum och tid.
3. I Modify Redirect Target, ställ in URL till https://api.shorten.rest/aliases, Method till PUT, och behåll JSON-body-uttrycket ={"destinations":[{"url":"https://en.wikipedia.org/wiki/{{ $now.format('DDD').split(',')[0].replaceAll(' ','_') }}"}]}.
4. I Utility: Generate Redirect Alias, ställ in URL till https://api.shorten.rest/aliases, Method till POST, och behåll samma JSON-body-uttryck för destinations.
5. I både Modify Redirect Target och Utility: Generate Redirect Alias, ställ in query parameters domainName till short.fyi och aliasName till today-in-history.
6. Credential Required: Anslut era httpHeaderAuth-credentials i Modify Redirect Target och Utility: Generate Redirect Alias.

Steg 5: Konfigurera e-post och formulärutdata

Slutför utdataåtgärderna som skickar den dynamiska bilden via e-post och visar den i ett formulär.

1. I Dispatch Email Notice, ställ in Send To till [YOUR_EMAIL], Subject till Test Image, och Message till =

   Dynamic image

   .
2. Credential Required: Anslut era gmailOAuth2-credentials i Dispatch Email Notice.
3. I Utility: Form with Live Image, verifiera att Form Title är Test Form och att Form Description är This form contains a dynamic image.
4. Bekräfta att HTML-fältet i Utility: Form with Live Image använder bild-URL:en https://raw.githubusercontent.com/[YOUR_ID]/[YOUR_ID]/main/n8n-examples/dynamic-images/dynamic_img.png för att visa livebilden.

Steg 6: Testa och aktivera ert workflow

Kör ett manuellt test, verifiera utdata och aktivera sedan workflowet för schemalagd drift.

1. Klicka Execute Workflow på Manual Start Trigger och bekräfta att Retrieve Repo File skickar data till Dispatch Email Notice.
2. Kontrollera er inkorg efter e-postmeddelandet med ämnet Test Image och verifiera att den inbäddade bilden laddas från GitHubs nedladdnings-URL.
3. Kör Hourly Schedule Trigger manuellt för att säkerställa att Generate Dynamic Image skapar en ny bild och att Update Repository File committar den till GitHub.
4. Aktivera workflowet genom att ändra status till Active så att de dagliga och timvisa schemana körs automatiskt.