Blog
Migracija sa Formspree na Formhook: vodič za deset minuta
· 3 min čitanja
Najbolja stvar kod kategorije form-backend rešenja jeste to što je promena provajdera namerno trivijalna: jedina integraciona tačka vašeg sajta je jedan URL. Evo kompletne migracije, uključujući delove koje ljudi obično zaborave.
(Zašto uopšte migrirati? Iskreno poređenje - cene, čuvanje podataka, hosting u EU - nalazi se na stranici Formhook vs Formspree. Ovaj vodič pretpostavlja da ste se već odlučili.)
Korak 1: izvezite postojeće unose
Ako koristite plaćeni Formspree paket, prvo izvezite istoriju unosa - prema njihovoj stranici sa cenama, izvoz je uključen počev od Personal paketa. Proverite prikaz unosa vašeg formulara za opciju izvoza i preuzmite sve pre nego što dirate bilo šta drugo. Ako koristite njihov besplatni paket, ručno kopirajte sve što vam treba; njihov besplatni nivo je namenjen testiranju, pa u idealnom slučaju u njemu ima malo produkcionih podataka.
Zadržite ovaj izvoz bez obzira gde na kraju završite - rezervna kopija podataka o potencijalnim klijentima koja ne zavisi od provajdera je jednostavno dobra praksa.
Korak 2: napravite Formhook formu
Registrujte se, napravite formu i kopirajte njen ključ. Dva podešavanja koja treba da uredite dok ste tu:
- CORS lista dozvoljenih - dodajte domen(e) vašeg sajta, uključujući
wwwvarijantu ako opslužujete obe. - Turnstile - ako ste ranije imali CAPTCHA zaštitu, aktivirajte Turnstile odmah, kako bi zaštita ostala neprekidna tokom prelaska. Honeypot i ograničenje broja zahteva su već uključeni.
Korak 3: izmena jedne linije
- <form action="https://formspree.io/f/xyzabcde" method="POST">
+ <form action="https://formhook.app/f/fh_your-key" method="POST">Nazivi polja ne moraju da se menjaju - obe usluge prihvataju standardne form-encoded POST zahteve, a Formhook takođe prihvata JSON i multipart. Ako ste koristili fetch/AJAX, ista izmena jedne linije se primenjuje na URL u vašem kodu.
Stvari koje treba da pretražite (grep) da biste uhvatili svaku pojavu: stari URL u komponentama, promenljive okruženja poput FORM_ENDPOINT, i bilo koji fiksno upisan endpoint u šablonima pojedinačnih stranica. Sajtovi sa više formi: Formhook-ov besplatni paket uključuje više formi, pa svaku staru formu povežite sa sopstvenim ključem umesto da ih spajate - tako obaveštenja i podešavanja po formi ostaju uredna.
Korak 4: testirajte sa objavljenog sajta
Objavite izmene, a zatim pošaljite pravi test sa produkcionog URL-a, ne sa localhost-a - to je jedino mesto gde se CORS, DNS i TLS proveravaju zajedno. Proverite tri stvari: da li se stanje uspeha prikazuje u pregledaču, da li se unos pojavljuje na vašoj Formhook kontrolnoj tabli, i da li obaveštenje stiže na vaš uređaj. Iskoristite priliku i prođite kompletnu kontrolnu listu pre lansiranja.
Korak 5: isključite staru formu
Ostavite staru Formspree formu aktivnu još nekoliko dana kao sigurnosnu mrežu, a zatim je isključite kada potvrdite da unosi stabilno stižu do Formhook-a. Čuvajte svoj izvoz arhiviran. To je cela migracija - jedan atribut, par podešavanja i jedan test. Razlog zašto je ovo tako lako isti je razlog zašto je lako napustiti bilo koji form-backend: vaš sajt zavisi od jednog URL-a, a ne od zaključavanja za jednog provajdera.
Funkcionalna forma u jednoj liniji
Hostovano u EU, unosi se čuvaju zauvek, push obaveštenja na svakom paketu.
Počnite besplatnoBez kreditne kartice · pročitajte dokumentaciju
Nastavite čitanje
- Šta je form backend? (I kada vam je potreban)Form backend prima, čuva i prosleđuje unose sa formi na vašem sajtu, tako da ne morate da održavate server. Evo kako rade i kada vam je jedan potreban.
- Testiranje kontakt forme: kontrolna lista pre lansiranjaPokvarena kontakt forma tiho otkazuje i nedeljama košta klijente. 15-minutna kontrolna lista: osnovni tok, validacija, spam, mobilni uređaji i obaveštenja.
- Spam kontakt formi: honeypot, ograničenje zahteva i TurnstileKako spam u formama funkcioniše i tri sloja koji ga zaustavljaju: honeypot, ograničenje zahteva i Cloudflare Turnstile — bez kažnjavanja pravih posetilaca.