Zum Inhalt springen

Anleitung

Screenshots mit GitHub Actions

Erfassen Sie Deployment-Vorschauen in Pull-Request-Workflows und machen Sie visuelle Änderungen für Reviewer sichtbar.

Automatische Screenshots machen visuelle Änderungen schon im Review eines Pull Requests sichtbar. Die Action von Ironfang Render erfasst Vorschau-URLs, ergänzt die Ergebnisse in der Job-Zusammenfassung und lädt die Bilder als Build-Artefakte hoch.

Ironfang Render in Ihren Workflow einbinden

In jeden Workflow einfügen, der eine Vorschau-URL hat.

- uses: ironfang-ltd/renderwolf-action@v1
  with:
    api-key: ${{ secrets.IRONFANG_API_KEY }}
    urls: |
      https://preview.example.com/
      https://preview.example.com/pricing
    width: 1440
    full-page: true
    format: webp

Der Schritt ergänzt die Job-Zusammenfassung um eine Tabelle mit jeder Aufnahme, ihrer Dateigröße, der Renderzeit und dem Credit-Verbrauch. Außerdem lädt er die Bilder als Build-Artefakte hoch, die Sie vom Pull Request aus prüfen können.

Wiederholte Läufe aus dem Cache verbrauchen keine Credits

Identische Anfragen, die aus dem Cache bedient werden, verbrauchen null Credits. Ein erneuter Workflow-Lauf gegen eine unveränderte Seite verringert das Kontingent Ihres Tarifs daher nicht.

cURL in anderen CI-Systemen verwenden

Jeder CI-Runner mit cURL kann denselben Endpunkt aufrufen, auch GitLab CI und Jenkins.

curl -X POST https://api.ironfang.uk/render/v1/screenshot \
  -H "Authorization: Bearer $IRONFANG_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://preview.example.com", "width": 1440, "full_page": true}' \
  --output preview.png

Weiterlesen