FLUX KI-Bilder mit Make in ChatGPT integrieren

Klicke auf die Sterne, um eine Bewertung hinzuzufügen
( 5 )
Veröffentlicht: vor 8 Monaten 2794 Ansichten 17 Kommentare

Ich zeige dir, wie du das KI-Bild-Modell Flux von Black Forest Labs in ChatGPT integrieren kannst. Lerne, wie du mit Make und API-Anfragen einen Bildgenerator erstellst, der beeindruckende Bilder direkt in ChatGPT generiert.

Wenn du diesen Snip ausprobierst, wirst du in der Lage sein, einen Bildgenerator mit Flux zu erstellen, der nahtlos in ChatGPT integriert ist und dir ermöglicht, hochwertige KI-generierte Bilder zu erzeugen.

ExpertInnen

Schritt-für-Schritt-Anleitung:

  1. Flux-Modell auswählen:
    • Besuche die Seite von Black Forest Labs und navigiere zum Flux-Bildmodell.
    • Wähle das für dich passende Modell aus: Pro (höchste Qualität, langsamer), Dev (für nicht-kommerzielle Nutzung, Open Source) oder Schnell (schnellstes Modell).
  2. API-Schlüssel generieren:
    • Registriere dich bei einem Cloud-Anbieter wie Fall AI.
    • Gehe zu den Einstellungen und erstelle einen neuen API-Schlüssel:
      • Klicke auf “API-Keys” und dann auf “Add Key”.
      • Gib einen Namen ein, z.B. “Snipkey”, und klicke auf “Generate Key”.
      • Kopiere den API-Schlüssel und bewahre ihn sicher auf.
  3. Make Workflow einrichten:
    • Melde dich bei Make an und erstelle einen neuen Workflow.
    • Füge ein HTTP-Request-Modul hinzu:
      • Klicke auf das “+”-Symbol und suche nach “HTTP”.
      • Wähle “Make a Request” aus.
      • Konfiguriere das Modul wie folgt:
        • URL: Gib die API-URL von Flux ein (die genaue URL findest du in der Flux-Dokumentation).
        • Methode: POST
        • Headers: Füge die folgenden Header hinzu:
          • Authorization: Key DEIN_API_KEY (ersetze “DEIN_API_KEY” durch deinen generierten API-Schlüssel)
          • Content-Type: application/json
        • Body Type: RAW
        • Body:

          {
          “prompt”: “HIER PROMPT AUSWÄHLEN”,
          “image_size”: “medium”,
          “num_inference_steps”: 4,
          “num_images”: 1,
          “enable_safety_checker”: true
          }

  4. Webhook erstellen:
    • Erstelle ein neues Custom Webhook-Modul in Make:
      • Klicke auf das “+”-Symbol und suche nach “Webhook”.
      • Wähle “Custom Webhook” aus.
      • Klicke auf “Add” und gib einen Namen ein, z.B. “Snipkey-Webhook”.
      • Kopiere die generierte Webhook-URL.
  5. ChatGPT konfigurieren:
    • Öffne die Einstellungen deines Custom GPT in ChatGPT.
    • Füge den folgenden Code in die Actions-Sektion ein, ersetze die Webhook-URL durch deine eigene:
      {
      "openapi": "3.1.0",
      "info": {
      "title": "Image Prompt Webhook",
      "description": "Webhook for sending image prompts and size.",
      "version": "1.0.0"
      },
      "servers": [
      {
      "url": "https://hook.eu1.make.com/j16mnt3baxuqm16fyexxiaw7sjyixc0w"
      }
      ],
      "paths": {
      "/": {
      "post": {
      "summary": "Sends an image prompt and size",
      "operationId": "sendImagePrompt",
      "requestBody": {
      "required": true,
      "content": {
      "application/json": {
      "schema": {
      "type": "object",
      "properties": {
      "prompt": {
      "type": "string",
      "description": "The prompt for the image"
      },
      "size": {
      "type": "string",
      "description": "The size of the image",
      "enum": ["small", "medium", "large"]
      }
      },
      "required": ["prompt", "size"]
      }
      }
      }
      },
      "responses": {
      "201": {
      "description": "Image prompt and size successfully sent",
      "content": {
      "application/json": {
      "schema": {
      "type": "object",
      "properties": {
      "status": {
      "type": "string",
      "example": "success"
      },
      "message": {
      "type": "string",
      "example": "Image prompt and size successfully sent"
      },
      "data": {
      "type": "object",
      "properties": {
      "prompt": {
      "type": "string",
      "description": "The prompt that was sent"
      },
      "size": {
      "type": "string",
      "description": "The size that was sent",
      "enum": ["small", "medium", "large"]
      }
      }
      }
      }
      }
      }
      }
      }
      }
      }
      }
      }
      }
      • Speichere die Änderungen.
  6. Datenverarbeitung in Make:
    • Füge ein JSON-Parse-Modul hinzu:
      • Suche nach “JSON” und wähle “Parse JSON” aus.
      • Konfiguriere das Modul, um die Daten des HTTP-Requests zu verarbeiten:
        • Input: Wähle das HTTP-Request-Modul aus.
        • Content: Gib das JSON-Schema des Flux-Modells ein, das die Bild-URL enthält.
  7. Bild-URL extrahieren und zurücksenden:
    • Füge ein Webhook-Response-Modul hinzu:
      • Suche nach “Webhook” und wähle “Webhook Response” aus.
      • Konfiguriere das Modul, um die Bild-URL im Markdown-Format zurückzusenden:
        ![Image]({{4.images[].url}})
        
        Wähle die Bild-URL aus dem JSON-Parse-Modul als Input.
  8. Testen und Debuggen:
    • Starte den Make-Workflow, indem du auf “Run Once” klickst.
    • Gehe zurück zu ChatGPT und teste den Prompt, z.B. “a dog”.
    • Überprüfe, ob das Bild korrekt generiert und in ChatGPT angezeigt wird.

 

  • Verstehen, wie das Flux-Bildmodell funktioniert.
  • Lernen, wie man Make für API-Integration nutzt.
  • Einen Workflow erstellen, der ChatGPT und Flux verbindet.
  • Grundlagen von Webhooks und API-Anfragen verstehen.

Als nächstes
Hinterlasse ein Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

  1. Kerstin Schrapf
    August 11, 2024

    Danke Jens für das Blueprint und die Ergänzung zum Dokument, funktioniert jetzt bei mir auch, Flux macht echt tolle Bilder 🙂

    • Jens
      August 11, 2024

      Yeah! Freut mich 🙂 Flux ist richtig spannend.

  2. Mark Gerngroß
    August 12, 2024

    Hallo Jens,
    bei mir kommt der Webhook gar nicht erst in make.com an. Ich habe den Webhook mehrfach kontrolliert. Woran könnte das denn liegen?
    Vielen Dank.

    • Jens
      August 12, 2024

      Hallo Mark,
      hmm… schwierig. Hast du den Workflow aktiviert (run once) um die Daten zu empfangen? Klappt der Test im GPT ohne Fehler? Da würde ich zuerst schauen 🙂
      Ansonsten schreib mir gerne mail per E-Mail an jens@snipki.de und wir finden eine Lösung.

  3. Mark Gerngroß
    August 13, 2024

    Hallo Jens, mit dem Webhook hatte ich tatsächlich einen Gedankenfehler. Da saß doch der Fehler vor dem Monitor. 😉 Aber jetzt hab ich doch noch ein ganz seltsames Problem. Wenn ich z.B. ein Pferd generieren möchte, bekomme ich z.B. eine Winterlandschaft mit Motocross Motorrädern. Mein Prompt war hier “ein Pferd”. Egal wieviele Versuche ich mit verschiedenen Prompts mache, es kommt immer was anderes raus. Ansonsten geile Automation. Ich habe sie noch erweitert mit Speicherung in Google Drive.

    • Jens
      August 13, 2024

      Hallo Mark,

      langsam aber sicher 😉 Probier den Prompt mal in englischer Sprache. Schöne Erweiterung auch. Was machst du dann mit den Bildern dort?

  4. Mark Gerngroß
    August 14, 2024

    Hallo Jens, danke für die Antwort. Mittlerweile hab ich das Problem behoben bekommen. Frag mich bitte nicht wie… Ich bin gerade noch dabei die Files mit einer Zusammenfassung des Prompts umbenannt zu bekommen, da alle mit file.jpeg abgespeichert werden. Die Bilder dort werde ich dann über eine andere Automation verwenden. Einen genauen Plan hab ich noch nicht.

Teilen

Neugierig auf mehr?

Bereits über 300 praxisorientierte und kompakte KI-Tutorials warten auf dich!