Jak napojit vibecodovanou aplikaci na Make.com přes webhook
Postavil jsi appku přes Lovable, Bolt, Replit nebo Claude. Funguje, formuláře se odesílají, data se ukládají, uživatelé se registrují. Ale žije ve vlastní bublině. Nic z toho se nedostane do CRM, žádná notifikace nechodí do Slacku, žádný řádek se nepřidá do Google Sheets.
Napojit vibecodovanou aplikaci na Make.com je přesně ta chybějící vrstva. A je to jednodušší, než to zní.
Pokud jsi ještě neslyšel o vibecodingu, přečti si nejdřív jak jsem se do vibecodingu ponořil a co jsem zjistil.
Proč jsou vibe-coded appky izolované od zbytku světa
Lovable, Bolt, Replit, tyto nástroje skvěle postaví frontend i backend tvé aplikace. Ale jejich primární zaměření je na to, aby appka fungovala sama o sobě. Integrace s externími systémy nejsou automatické.
Výsledek? Tvoje appka má vlastní databázi, vlastní logiku, vlastní UI. Ale neumí sama od sebe říct HubSpotu „přibyl nový kontakt”, Slacku „někdo se zaregistroval” nebo Google Sheets „tady je nová objednávka”.
Webhook je přesně ten most, který tohle řeší.
Webhook jako most, jak to funguje
Webhook je jednoduchý HTTP POST požadavek. Tvoje appka ho zavolá v okamžiku, kdy se stane něco důležitého, registrace uživatele, odeslání formuláře, dokončená platba. Make.com na druhé straně toto volání zachytí a spustí, co chceš dál.
Zjednodušeně: appka řekne „stalo se X” a Make.com zareaguje.
Krok 1, vytvoř webhook trigger v Make.com
- Otevři Make.com a vytvoř nový scénář
- Jako první modul vyber Webhooks a zvol Custom webhook
- Klikni na Add a pojmenuj webhook, například „Nová registrace z appky”
- Make ti vygeneruje unikátní URL ve formátu
https://hook.eu2.make.com/xxxxxxxxxxxx - Zkopíruj tuto URL, tu předáš do své appky
⚠️ Webhook URL je tajná. Nepublikuj ji ve veřejném kódu ani GitHubu.
Krok 2, zavolej webhook z tvojí appky
Otevři svůj vibecoding nástroj, Claude Code, Cursor nebo Lovable, a zadej jednoduše:
„Přidej do aplikace volání webhooku na URL [tvoje Make URL] vždy, když se uživatel zaregistruje. Pošli JSON s těmito poli: jméno, email, datum registrace.”
AI doplní potřebný kód. Výsledné volání bude vypadat přibližně takto:
fetch('https://hook.eu2.make.com/xxxxxxxxxxxx', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
name: user.name,
email: user.email,
registered_at: new Date().toISOString()
})
});
Funguje to pro jakoukoliv událost v aplikaci.
4 reálné use cases
1. Nový formulář do CRM
Uživatel vyplní kontaktní formulář na tvém webu postaveném přes Lovable. Webhook zavolá Make.com, scénář vytvoří nový kontakt v HubSpotu nebo Pipedrive. Obchodní tým má lead okamžitě, bez ručního přepisování.
2. Registrace uživatele do Slacku
Pokaždé, když se někdo zaregistruje do tvojí appky, Make.com pošle zprávu do Slack kanálu #nové-registrace. Víš v reálném čase, jak roste tvoje uživatelská základna.
3. Dokončená platba do Google Sheets
Platba proběhne, webhook se zavolá, Make.com přidá řádek do spreadsheetu s datem, částkou a emailem zákazníka. Jednoduchý přehled příjmů bez účetního softwaru.
4. Jakákoliv událost do emailu
Někdo klikl na tlačítko? Dokončil onboarding? Exportoval data? Webhook, Make.com a Gmail modul, a ty dostaneš okamžitou notifikaci na email.
Jak data v Make zpracovat dále
Jakmile Make.com webhook přijme data, máš k dispozici celou síť automatizace. Pár tipů:
Přidej Router, když chceš různě zpracovat různé typy událostí. Použij Data Store, pokud chceš události dočasně ukládat a zpracovávat dávkově. Přidej podmínku, která filtruje testovací registrace, emaily @test.com, od reálných uživatelů.
Pokud pracuješ s většími objemy dat a API vrací stránkované výsledky, Make.com pagination patterns ti ušetří hodiny ladění smyček.
Make.com může také volat tvoji appku
Funguje to i obráceně. Make.com může zavolat API endpoint tvojí appky, třeba každý den ráno stáhnout nová data nebo spustit akci na základě externího triggeru. Stačí v appce vystavit HTTP endpoint a v Make použít HTTP modul.
Shrnutí
Napojení vibecodované aplikace na Make.com přes webhook je věc na 20 minut, generování URL v Make, jednoduchý fetch v appce přes AI, první scénář. Pak máš základ, na kterém stavíš dál.
Pokud začínáš s Make a potřebuješ zpracovat data, která z appky dostaneš, iterator patterns ti pomůže s procházením polí a kolekcí z JSON odpovědí.
Mrkni na hotové Make.com blueprinty, připravená řešení, která stačí importovat a přizpůsobit svému projektu.