როგორ ავაშენოთ ფორმების შემქმნელი

ფორმების შემქმნელი საშუალებას აძლევს ადამიანებს, თავად შექმნან საკუთარი ფორმები — აირჩიონ ველები, დააყენონ წესები, გამოაქვეყნონ ბმული — და შემდეგ აგროვებს შევსებებს. შიდა სტრუქტურაში ეს სამი რამეა: ფორმის აღწერა, რომელიც ინახება როგორც მონაცემი, რენდერერი, რომელიც აღწერას მუშა ფორმად აქცევს, და შევსებების საცავი შეტყობინებებითა და ექსპორტით. სანამ მას ააშენებთ, შეამოწმეთ, გჭირდებათ თუ არა ის სინამდვილეში: თუ მხოლოდ საკონტაქტო ან განაცხადის ფორმა გჭირდებათ, პირდაპირ ის ააშენეთ და შემქმნელს საერთოდ გვერდი აუარეთ.

გჭირდებათ თუ არა შემქმნელი საერთოდ?

შემქმნელი უფრო დიდი პროექტია, ვიდრე ფორმა, რადგან ყველა ველის ტიპი უნდა მუშაობდეს რედაქტორში, საჯარო ფორმაში, ვალიდაციაში, შენახვაში, შეტყობინებებსა და ექსპორტში.

რა სჭირდება ფორმების შემქმნელს

ფორმების აღწერა

შეინახეთ თითოეული ფორმა როგორც ველების სია, სტრუქტურირებული მონაცემის სახით (JSON Postgres-ის სვეტში კარგად მუშაობს). ველი შეიძლება ასე გამოიყურებოდეს:

• id — მუდმივი ID, რომელიც არასდროს იცვლება, თუნდაც ეტიკეტი შეიცვალოს
• type — ტექსტი, ელფოსტა, რიცხვი, გრძელი ტექსტი, არჩევა, მონიშვნა, თარიღი, ფაილი
• label და დამხმარე ტექსტი
• სავალდებულოა, მინ. / მაქს., დაშვებული ფაილის ტიპები
• ოფციები არჩევის ველებისთვის
• თანმიმდევრობა და, არასავალდებულოდ, პირობა („აჩვენე მხოლოდ მაშინ, თუ ველი X არის Y“)

რედაქტორი ამ სიას არედაქტირებს; საჯარო ფორმა მას კითხულობს. ეს არის მთელი ხრიკი: თითო ფორმისთვის ახალი კოდი არ გჭირდებათ.

შევსებები

• შევსებები — ფორმა, ფორმის ვერსია, გაგზავნის დრო, პასუხები ველის ID-ით, სტატუსი (ახალი, წაკითხული, დაარქივებული).
• ფაილები — ატვირთული ფაილები ფაილების საცავში ინახება, ხოლო შევსება მათზე მითითებას შეიცავს; ფაილი არასდროს იწერება მონაცემთა ბაზის მწკრივში.

გვერდები

• ფორმების სია შევსებების რაოდენობით.
• რედაქტორი — ველების დამატება, გადალაგება და კონფიგურაცია, გვერდით ცოცხალი გადახედვით.
• პარამეტრები — დადასტურების შეტყობინება ან გადამისამართება, შეტყობინების ელფოსტები, გახსნის/დახურვის თარიღები, შევსებების ლიმიტი.
• საჯარო ფორმა საკუთარ ბმულზე და ჩასამატებელი ვერსია სხვა ვებსაიტებისთვის.
• შევსებების ცხრილი ძიებით, სტატუსით, დეტალური ხედით და CSV ექსპორტით.

გადაწყვეტილებები და კომპრომისები

ვერსიონირება. ვინმე 200 შევსების შემდეგ გადარქმევს „ტელეფონს“ „მობილურის ნომრად“. თუ პასუხები ინახება ველის ID-ით და თითო შევსება იმახსოვრებს ფორმის ვერსიას, ძველი შევსებები მაინც სწორად გამოჩნდება. წინააღმდეგ შემთხვევაში მონაცემები უხმოდ აირევა.

ვალიდაცია ორჯერ მუშაობს. ველები ბრაუზერში შეამოწმეთ სწრაფი უკუკავშირისთვის, და ისევ სერვერზე, რადგან ნებისმიერს შეუძლია მონაცემების პირდაპირ თქვენს ბოლო წერტილში გაგზავნა. მნიშვნელოვანია სერვერის შემოწმება.

ფაილის ატვირთვა. ის ზრდის შენახვის ხარჯებს, ზომის ლიმიტებს, ფაილის ტიპის შემოწმებას და კონფიდენციალურობის კითხვებს (CV-ები, პირადობის დოკუმენტები, სამედიცინო ფორმები). შეზღუდეთ ტიპები და ზომები და გახადეთ ატვირთული ფაილები ნაგულისხმევად პირადი, მხოლოდ ფორმის მფლობელებისთვის ხელმისაწვდომი. იხილეთ როგორ დავამატოთ ფაილის ატვირთვა აპში.

შეტყობინებები. „ელფოსტა მომწერეთ, როცა ვინმე გააგზავნის“ მოსალოდნელია. ამისთვის გჭირდებათ ელფოსტის მომწოდებელი და API გასაღები; იხილეთ როგორ გავაგზავნოთ ელფოსტა აპიდან.

სპამი. საჯარო ფორმას ბოტები იპოვიან. გამოიყენეთ დამალული თაღლითური ველი (ადამიანისთვის უხილავი, ბოტებისთვის შესავსები), IP-ზე მოთხოვნების შეზღუდვა, სერვერზე ვალიდაცია და საჭიროების შემთხვევაში CAPTCHA სერვისი.

ჩასმა. iframe-ით ჩასმა უმარტივესი და უსაფრთხო გზაა ფორმის სხვისი ვებსაიტისთვის მისამატებლად. სკრიპტით ჩასმა უფრო ბუნებრივად გამოიყურება, მაგრამ ააშენოს და დაიცვას რთულია.

პირობითი ლოგიკა. „აჩვენე ეს ველი მხოლოდ თუ…“ პოპულარულია, მაგრამ ტესტირების რაოდენობას ამრავლებს. დაამატეთ ის მაშინ, როცა ძირითადი ფუნქციები უკვე მყარია.

პირველი მოთხოვნა, რომელიც მუშაობს

ააშენე ფორმების შემქმნელი ვებაპლიკაცია ჩემი გუნდისთვის. შესული მომხმარებლები ქმნიან ფორმებს რედაქტორში ცოცხალი გადახედვით. ველების ტიპები: მოკლე ტექსტი, გრძელი ტექსტი, ელფოსტა, რიცხვი, თარიღი, ერთი არჩევანი, მონიშვნები და ფაილის ატვირთვა. თითო ველს აქვს მუდმივი ID, ეტიკეტი, დამხმარე ტექსტი, სავალდებულოობის ნიშანი და ტიპის წესები (მინ/მაქს, ოფციები, დაშვებული ფაილის ტიპები და 10 MB ზომის ლიმიტი). ფორმის აღწერა შეინახე JSON-ად ვერსიის ნომრით, რომელიც იზრდება ყოველ გამოქვეყნებაზე. თითო ფორმას აქვს საჯარო ბმული და iframe-ის ჩასმის კოდი. შევსებები შეამოწმე სერვერზე გამოქვეყნებული ვერსიის მიხედვით, შეინახე პასუხები ველის ID-ით ფორმის ვერსიასთან ერთად და ატვირთული ფაილები ჩააგდე პირად ფაილების საცავში. დაამატე დამალული თაღლითური ველი და IP-ზე მოთხოვნების შეზღუდვა. ფორმის მფლობელები ხედავენ შევსებების ცხრილს სტატუსით (ახალი, წაკითხული, დაარქივებული), დეტალურ ხედს და CSV ექსპორტს. ყველაფერი შეინახე მონაცემთა ბაზაში. პირობითი ლოგიკა და ელფოსტის შეტყობინებები დატოვე მოგვიანებით.

ასაშენებელი ეტაპები

1. რედაქტორი და აღწერა. ააწყვეთ ფორმა ყველა ველის ტიპით და აგენტთან ერთად ნახეთ შენახული JSON. სუფთა და სტაბილურია?
2. საჯარო ფორმა. შეავსეთ ტელეფონიდან. შეამოწმეთ ვალიდაციის შეტყობინებები და დადასტურების ეკრანი.
3. სერვერის ვალიდაცია. სთხოვეთ აგენტს, გააგზავნოს შევსება, რომელიც წესებს არღვევს, გვერდის გვერდის ავლით. უარყოფილი უნდა იყოს.
4. ვერსიონირება. რამდენიმე შევსების შემდეგ გადაარქვით და გადაალაგეთ ველები. ძველმა შევსებებმა სწორი პასუხები უნდა აჩვენოს.
5. ატვირთვები. სცადეთ ძალიან დიდი და არასწორი ტიპის ფაილი. დარწმუნდით, რომ უცნობი ადამიანი ვერ გახსნის ატვირთულ ფაილს ბმულის გამოცნობით.
6. შევსებების ცხრილი და ექსპორტი. შეამოწმეთ CSV ექსპორტი პასუხებში მძიმეებით, ხაზის გადატანებით და ქართული ასოებით.
7. შეტყობინებები, ჩასმა, ლოგიკა. დაამატეთ თითო-თითოდ.

გავრცელებული შეცდომები

• პასუხების შენახვა ეტიკეტით. ეტიკეტები იცვლება. გამოიყენეთ მუდმივი ველის ID-ები.
• მხოლოდ ბრაუზერში ვალიდაცია. ეს მოხერხებულობაა, არა დაცვა.
• საჯაროდ ხელმისაწვდომი ატვირთული ფაილები. ფორმები ხშირად აგროვებს დოკუმენტებს, რომელთა გამჟღავნებაც არავის სურს.
• სპამისგან დაცვის გარეშე. საჯარო ფორმა შეიძლება ნაგვით აივსოს რამდენიმე დღეში.
• შემქმნელის აშენება ერთი ფორმისთვის. უბრალოდ ააშენეთ ფორმა.
• შეუზღუდავი შევსებები საჯარო პროდუქტზე. თუ მომხმარებლები ქმნიან ფორმებს, დააწესეთ ლიმიტები გეგმის მიხედვით, თორემ ერთი პოპულარული ფორმა მასპინძლობის ხარჯს გაზრდის.

როდის სჯობს მზა პროდუქტი

ჰოსტირებული ფორმის ინსტრუმენტები შესანიშნავი და იაფია უმეტესი საჭიროებისთვის. ისინი უკვე მოაგვარეს ჩასმა, სპამი, გადახდები, ინტეგრაციები და ხელმისაწვდომობა ათეულობით ველის ტიპზე. თუ თქვენს გუნდს მხოლოდ ფორმები სჭირდება, გამოიყენეთ ერთ-ერთი — იხილეთ Typeform-ის ალტერნატივები და Google Forms-ის ალტერნატივები.

საკუთარი აშენეთ მაშინ, როცა შევსებები თქვენს მონაცემებს უნდა უკავშირდებოდეს (ფიდავს CRM-ს ან კლიენტის პორტალს, რომელსაც თქვენ მართავთ), როცა შევსების შემდეგ სამუშაო ნაკადები გჭირდებათ, რომლებსაც ინსტრუმენტები ვერ ახორციელებს, როცა მონაცემების ადგილმდებარეობა ან საკუთრება მოთხოვნაა, ან როცა ფორმები თქვენს მიერ გასაყიდი პროდუქტის ფუნქციაა.

როგორ ავაშენოთ Mythex-ით

Mythex-ში აღწერთ შემქმნელს ჩატში და ცოცხალ გადახედვაში ამოწმებთ რედაქტორსა და საჯარო ფორმას ერთმანეთის გვერდით. Mythex ამატებს სპეციალურ მონაცემთა ბაზას ფორმის აღწერებისა და შევსებებისთვის, და ფაილების საცავს ავტომატურად ირთვება, როცა აპს ატვირთვები სჭირდება (Free გეგმაზე 1 GB-ით შეზღუდული). შეტყობინების ელფოსტა მიდის მომწოდებელზე, რომელსაც თქვენი გასაღებით უკავშირდებით. გამოაქვეყნეთ აპი mythex.ai მისამართზე, ან საკუთარ დომენზე Pro-ზე, და საჯარო ფორმის ბმულები იმუშავებს იქიდან.

კითხვები