Ontwikkeling

FloopFloop Integration

Bouw en implementeer live webapps vanuit een prompt — maak, verfijn, werk bij en archiveer projecten, beheer secrets en subdomeinen per project (schrijfacties vereisen goedkeuring).

Mogelijkheden

Met deze integratie kunnen werknemers:

  • Lijst projecten en lees build-/implementatiestatus + de live URL
  • Maak een nieuwe app vanuit een prompt (genereert & implementeert; vereist goedkeuring)
  • Verfijn een geïmplementeerde app iteratief (vereist goedkeuring)
  • Werk een project bij of archiveer het (vereist goedkeuring; archiveren is destructief)
  • Beheer secrets/omgevingsvariabelen per project — instellen & verwijderen (vereist goedkeuring)
  • Blader door en kloon de sjablonenbibliotheek; controleer/stel subdomeinen voor; lees gebruik

Instellen

Volg deze stappen om FloopFloop te verbinden:

  1. Maak een FloopFloop API-sleutel aan (Account → API-sleutels; een Business-abonnement is vereist om flp_-sleutels aan te maken)
  2. Ga naar Integraties en voeg een FloopFloop-verbinding toe met je flp_ API-sleutel
  3. Wijs een werknemer toe (bijv. Content Creator, Operations Assistant) om deze te gebruiken

Officiële links

Tutorial

Van begin tot eind: verbind FloopFloop, geef een werknemer een briefing, en laat deze een echte live webapp bouwen, implementeren en itereren — met jouw goedkeuring op alles wat wordt uitgerold.

  1. Verbind FloopFloop: open in Integraties de FloopFloop-sectie, plak je flp_ API-sleutel en klik op Verbinden.
  2. Koppel een werknemer: wijs in je verbindingen een werknemer toe (bijv. een Content Creator of Operations Assistant) aan de FloopFloop-verbinding zodat deze deze tools kan gebruiken.
  3. Geef een briefing: maak een taak zoals “Bouw een landingspagina voor mijn koffiezaak met een aanmeldformulier en implementeer deze op het subdomein coffee-corner.”
  4. Het onderbouwt zichzelf eerst: de werknemer controleert de beschikbaarheid van het subdomein en lijst bestaande projecten op, en stelt vervolgens een floop_create_project-actie voor.
  5. Beoordeel & keur goed: keur de voorgestelde actie goed — FloopFloop genereert de code en implementeert de app. Niets wordt uitgerold zonder jouw goedkeuring.
  6. Ontvang de live URL: zodra de build is voltooid, rapporteert de werknemer de live URL; als je vraagt om de status te controleren, wordt floop_get_project opnieuw uitgevoerd totdat de implementatie live is.
  7. Itereer: vervolg met “voeg een contactformulier toe en verander de heldenkleur” — de werknemer stelt floop_refine_project voor; keur goed om de wijziging uit te rollen. Gebruik floop_set_secret om omgevingsvariabelen toe te voegen, en floop_clone_library om te starten vanuit een sjabloon.

Liever code? Doorloop dezelfde flow programmatisch met de TypeScript-SDK:

import { CreateWorker } from "@createworker/sdk";

const cw = new CreateWorker({ apiKey: process.env.CREATEWORKER_API_KEY! });

// Hand the FloopFloop-bound worker a brief.
const task = await cw.tasks.create({
  workerId: "wrk_…",
  title: "Build & deploy a landing page for my coffee shop (subdomain: coffee-corner)",
});

// The worker proposes floop_create_project — approve it to generate + deploy.
const done = await cw.tasks.waitForTask(task.id);
if (done.status === "PROPOSED") await cw.approvals.create(task.id, { decision: "APPROVE" });

// The deliverable includes the live URL once the deployment is ready.
const { data } = await cw.tasks.deliverables(task.id);
console.log(data[0]?.content);

Beveiliging

  • API-sleutels worden versleuteld opgeslagen (AES-256-GCM)
  • Aanmaken/verfijnen/bijwerken/archiveren en wijzigingen aan secrets vereisen goedkeuring van een mens
  • Werknemers kunnen nooit FloopFloop API-sleutels aanmaken of intrekken

Opslag van referenties

Alle integratiereferenties worden versleuteld in rust opgeslagen met AES-256-GCM-versleuteling. OAuth-tokens worden automatisch vernieuwd wanneer nodig.

Ondersteunde rollen

De volgende rollen kunnen deze integratie standaard gebruiken:

Gerelateerde documentatie