Како да направите градител на формулари

Градителот на формулари им овозможува на луѓето да дизајнираат свои формулари, да изберат полиња, да постават правила и да објават линк, а потоа ги собира одговорите. Внатрешно има три дела: дефиниција на формулар зачувана како податоци, прикажувач што ја претвора дефиницијата во работен формулар, и складиште за одговори со известувања и извоз. Пред да изградите таков, проверете дали навистина ви треба: ако ви треба само контактен формулар или формулар за апликација, направете го директно и прескокнете го градителот.

Ви треба ли воопшто градител?

Градителот е поголем проект од формулар, бидејќи секој тип поле мора да работи во уредникот, на јавниот формулар, при валидација, во складиштето, при известувањата и при извозот.

Што му треба на градител на формулари

Дефиниции на формулари

Чувајте го секој формулар како список на полиња, зачуван во структурирани податоци (JSON во колона на Postgres добро функционира). Едно поле може да изгледа вака:

• id: стабилен ID што никогаш не се менува, дури и ако етикетата се промени
• type: текст, е-пошта, број, долг текст, избор, штиклирање, датум, датотека
• label и текст за помош
• задолжително, мин / макс, дозволени типови датотеки
• опции за полиња со избор
• редослед, и по желба услов („прикажи само ако полето X е Y“)

Уредникот ја менува оваа листа; јавниот формулар ја чита. Во тоа е целата работа: нема нов код за секој формулар.

Одговори

• Одговори: формулар, верзија на формуларот, време на испраќање, одговори по ID на полето, статус (нов, прочитан, архивиран).
• Датотеки: качените датотеки припаѓаат во складиште за датотеки, а редот за одговорот содржи упатување, никогаш не е внатре во редот во базата.

Страници

• Листа на формулари со бројот на одговори.
• Уредник: додавање, пренаредување и конфигурирање полиња, со жив преглед покрај него.
• Поставки: порака за потврда или пренасочување, известувања по е-пошта, датуми за отворање и затворање, ограничување на бројот на одговори.
• Јавен формулар на сопствен линк, и верзија за вградување на други веб-страници.
• Табела со одговори со пребарување, статус, преглед на детали и извоз во CSV.

Одлуки и компромиси

Верзионирање. Некој ќе го преименува „Телефон“ во „Мобилен број“ по 200 одговори. Ако одговорите се чуваат по ID на полето и секој одговор ја бележи верзијата на формуларот, стариот одговори и понатаму се прикажуваат правилно. Без тоа, вашите податоци тивко се измешуваат.

Валидацијата се извршува двапати. Проверете ги полињата во прелистувачот за брза повратна информација, и повторно на серверот, бидејќи секој може да испрати податоци директно до вашата крајна точка. Проверката на серверот е онаа што важи.

Качување датотеки. Носат трошоци за складирање, ограничувања на големината, проверки на типот и прашања за приватноста (CV, лични карти, медицински формулари). Ограничете ги типовите и големините и направете ги качените датотеки приватни по основно, читливи само за сопствениците на формуларот. Видете како да додадете качување датотеки во апликацијата.

Известувања. „Испрати ми е-пошта кога некој ќе испрати“ е очекувано. Потребни ви се давател за е-пошта и API клуч; видете како да испраќате е-пошта од апликацијата.

Спам. Јавниот формулар ќе го најдат ботови. Користете скриено поле (honeypot), невидливо за луѓето, но пополнето од ботовите, ограничувања на барања по IP, валидација на серверот и, ако е потребно, услуга CAPTCHA.

Вградување. Вградување преку iframe е наједноставниот и најбезбеден начин да поставите формулар на туда веб-страница. Вградување со скрипта изгледа поизворно, но е потешко да се направи и да се заштити.

Условна логика. „Прикажи го ова поле само ако…“ е популарно, но го множи тестирањето. Додајте го откако основите ќе бидат стабилни.

Прва порака што функционира

Направи веб-апликација за градење формулари за мојот тим. Најавени корисници создаваат формулари во уредник со жив преглед. Типови полиња: краток текст, долг текст, е-пошта, број, датум, еден избор, штиклирања и качување датотека. Секое поле има стабилен ID, етикета, текст за помош, ознака за задолжително и правила специфични за типот (мин/макс, опции, дозволени типови датотеки и ограничување од 10 MB). Зачувајте ја дефиницијата на формуларот како JSON со број на верзија што се зголемува при секое објавување. Секој формулар добива јавен линк и код за вградување преку iframe. Валидирајте ги одговорите на серверот според објавената верзија, зачувајте ги одговорите по ID на полето со верзијата на формуларот и ставете ги качените датотеки во приватно складиште. Додајте скриено поле (honeypot) и ограничување по IP адреса. Сопствениците на формуларите гледаат табела со одговори со статус (нов, прочитан, архивиран), приказ на детали и извоз во CSV. Сето складирајте во база на податоци. Условната логика и известувањата по е-пошта оставете ги за подоцна.

Чекори за градење

1. Уредник и дефиниција. Направете формулар со сите типови полиња и погледнете го зачуваниот JSON со агентот. Дали е чист и стабилен?
2. Јавен формулар. Пополнете го на телефон. Проверете ги пораките за валидација и екранот за потврда.
3. Валидација на серверот. Побарајте од агентот да испрати одговор што ги крши правилата директно до серверот, заобиколувајќи ја страницата. Треба да биде одбиен.
4. Верзионирање. Преименувајте и пренаредете полиња по неколку одговори. Стариот одговори треба и понатаму да ги прикажуваат точните одговори.
5. Качувања. Пробајте датотека што е преголема и една од погрешен тип. Потврдете дека непознато лице не може да отвори качена датотека само со погодување на линкот.
6. Табела со одговори и извоз. Проверете извозот во CSV со запирки, преломи на редови и дијакритички знаци во одговорите.
7. Известувања, вградувања, логика. Додавајте ги по една по една.

Чести грешки

• Зачувување одговори по етикета. Етикетите се менуваат. Користете стабилни ID на полињата.
• Валидација само во прелистувачот. Тоа е удобност, а не заштита.
• Јавно достапни качени датотеки. Формуларите често собираат документи што луѓето не би сакале да се видат.
• Нема заштита од спам. Јавен формулар може да се наполни со ѓубре за неколку дена.
• Градење градител за еден формулар. Направете го формуларот.
• Неограничени одговори на јавен производ. Ако клиентите создаваат формулари, поставете ограничувања по план, инаку еден популарен формулар може да ви ја зголеми сметката за хостинг.

Кога е подобар готов производ

Хостираните алатки за формулари се одлични и јефтини за повеќето потреби. Тие веќе ги решиле вградувањето, спамот, плаќањата, интеграциите и пристапноста за десетици типови полиња. Ако вашиот тим само треба формулари, користете една — видете алтернативи за Typeform и алтернативи за Google Forms.

Изградете своја кога одговорите треба да живеат покрај вашите податоци (се напојуваат во CRM или портал за клиенти што го управувате), кога ви требаат работни текови по испраќањето што алатките не можат да ги направат, кога местото и сопственоста на податоците се барање или кога формуларите се функција на производ што го продавате.

Градење со Mythex

Во Mythex го опишувате градителот во разговор и ги тестирате уредникот и јавниот формулар едно до друго во живиот преглед. Mythex додава посветена база на податоци за дефиниции на формулари и одговори, и автоматски ја овозможува датотечното складиште кога вашата апликација има качувања (ограничено на 1 GB на бесплатниот план). Известувањата по е-пошта минуваат преку давател што го поврзувате со ваш сопствен клуч. Објавете ја апликацијата на линк mythex.ai, или на ваш домен на Pro, и јавните линкови на формуларите работат од таму.

Прашања