Cara Bina Pembina Borang

Pembina borang membolehkan orang mereka bentuk borang sendiri — pilih medan, tetapkan peraturan, terbitkan pautan — dan kemudian mengumpul hantaran. Di sebaliknya, ia terdiri daripada tiga perkara: takrifan borang yang disimpan sebagai data, pemapar yang menukar takrifan kepada borang yang berfungsi, dan stor hantaran dengan pemberitahuan dan eksport. Sebelum membina satu, semak sama ada anda benar-benar memerlukannya: jika anda hanya perlukan borang hubungi atau borang permohonan, bina borang itu terus dan langkau pembina sepenuhnya.

Adakah anda perlukan pembina?

Situasi anda	Bina ini
Satu atau dua borang yang jarang berubah	Borang itu sendiri. Lihat cara menambah borang hubungi.
Banyak borang, dicipta oleh orang bukan pembangun dalam pasukan anda	Pembina borang dalaman
Borang menjadi sebahagian daripada produk anda (pelanggan mencipta borang)	Pembina borang dengan akaun, had dan embed
Anda terutamanya mahukan hasil tinjauan dan carta	Aplikasi tinjauan

Pembina ialah projek yang lebih besar daripada borang, kerana setiap jenis medan perlu berfungsi dalam penyunting, borang awam, pengesahan, penyimpanan, pemberitahuan dan eksport.

Apa yang diperlukan oleh pembina borang

Takrifan borang

Simpan setiap borang sebagai senarai medan dalam data berstruktur (JSON dalam lajur Postgres berfungsi dengan baik). Satu medan mungkin kelihatan begini:

id — ID stabil yang tidak berubah, walaupun labelnya berubah
jenis — teks, e-mel, nombor, teks panjang, pilihan, kotak semak, tarikh, fail
label dan teks bantuan
wajib, min / maks, jenis fail yang dibenarkan
pilihan untuk medan pilihan
susunan, dan secara pilihan syarat ("tunjuk hanya jika medan X ialah Y")

Penyunting mengedit senarai ini; borang awam membacanya. Itulah keseluruhan helah: tiada kod baharu untuk setiap borang.

Hantaran

Hantaran — borang, versi borang, masa dihantar, jawapan diikat mengikut ID medan, status (baharu, telah dibaca, diarkibkan).
Fail — fail yang dimuat naik disimpan dalam storan fail, dengan hantaran menyimpan rujukan kepadanya, bukan di dalam baris pangkalan data.

Halaman

Senarai borang dengan kiraan hantaran.
Penyunting — tambah, susun semula dan konfigurasikan medan, dengan pratonton langsung di sebelahnya.
Tetapan — mesej pengesahan atau hala semula, e-mel pemberitahuan, tarikh buka/tutup, had hantaran.
Borang awam pada pautannya sendiri, dan versi boleh-embed untuk laman web lain.
Jadual hantaran dengan carian, status, paparan terperinci dan eksport CSV.

Keputusan dan pertukaran

Versi. Seseorang pasti akan menukar "Telefon" kepada "Nombor telefon bimbit" selepas 200 hantaran. Jika jawapan disimpan mengikut ID medan dan setiap hantaran merekodkan versi borang, hantaran lama masih dipaparkan dengan betul. Tanpa itu, data anda diam-diam akan bercampur.

Pengesahan berjalan dua kali. Semak medan dalam pelayar untuk maklum balas pantas, dan sekali lagi di pelayan, kerana sesiapa sahaja boleh menghantar data terus ke titik akhir anda. Semakan pelayan yang paling penting.

Muat naik fail. Ia membawa kos storan, had saiz, semakan jenis fail dan soalan privasi (CV, kad pengenalan, borang perubatan). Hadkan jenis dan saiz, dan jadikan fail yang dimuat naik persendirian secara lalai, hanya boleh dibaca oleh pemilik borang. Lihat cara menambah muat naik fail ke aplikasi anda.

Pemberitahuan. "E-mel saya apabila seseorang menghantar" adalah perkara yang dijangka. Ia memerlukan pembekal e-mel dan kunci API; lihat cara menghantar e-mel dari aplikasi anda.

Spam. Borang awam pasti dijumpai oleh bot. Gunakan medan honeypot (tersembunyi daripada orang, diisi oleh bot), had kadar setiap IP, pengesahan di pelayan dan, jika perlu, perkhidmatan CAPTCHA.

Embed. Embed iframe ialah cara paling mudah dan selamat untuk meletakkan borang di laman web orang lain. Embed skrip kelihatan lebih asli tetapi lebih sukar dibina dan dilindungi.

Logik bersyarat. "Tunjuk medan ini hanya jika…" sangat popular dan menggandakan ujian. Tambahkannya selepas asas-asasnya kukuh.

Arahan pertama yang berkesan

Bina aplikasi web pembina borang untuk pasukan saya. Pengguna log masuk mencipta borang dalam penyunting dengan pratonton langsung. Jenis medan: teks pendek, teks panjang, e-mel, nombor, tarikh, pilihan tunggal, kotak semak dan muat naik fail. Setiap medan ada ID stabil, label, teks bantuan, bendera wajib dan peraturan khusus jenis (min/maks, pilihan, jenis fail yang dibenarkan dan had saiz 10 MB). Simpan takrifan borang sebagai JSON dengan nombor versi yang meningkat pada setiap terbitan. Setiap borang mendapat pautan awam dan kod embed iframe. Sahkan hantaran di pelayan terhadap versi yang diterbitkan, simpan jawapan mengikut ID medan dengan versi borang, dan letakkan fail yang dimuat naik dalam storan fail persendirian. Tambah medan honeypot tersembunyi dan had kadar setiap IP. Pemilik borang melihat jadual hantaran dengan status (baharu, telah dibaca, diarkibkan), paparan terperinci dan eksport CSV. Simpan semuanya dalam pangkalan data. Tinggalkan logik bersyarat dan pemberitahuan e-mel untuk kemudian.

Langkah membina

Penyunting dan takrifan. Bina borang dengan setiap jenis medan dan lihat JSON yang disimpan bersama ejen. Adakah ia bersih dan stabil?
Borang awam. Isikan pada telefon. Semak mesej pengesahan dan skrin pengesahan.
Pengesahan pelayan. Minta ejen hantar hantaran yang melanggar peraturan terus ke pelayan, melangkaui halaman. Ia sepatutnya ditolak.
Versi. Namakan semula dan susun semula medan selepas beberapa hantaran. Hantaran lama masih perlu memaparkan jawapan yang betul.
Muat naik. Cuba fail yang terlalu besar dan satu yang jenisnya salah. Sahkan orang luar tidak boleh membuka fail yang dimuat naik dengan meneka pautannya.
Jadual hantaran dan eksport. Semak eksport CSV dengan koma, pemisah baris dan aksara bertanda dalam jawapan.
Pemberitahuan, embed, logik. Tambah satu demi satu.

Kesilapan biasa

Menyimpan jawapan mengikut label. Label berubah. Gunakan ID medan yang stabil.
Pengesahan dalam pelayar sahaja. Ia kemudahan, bukan perlindungan.
Fail awam yang dimuat naik. Borang sering mengumpul dokumen yang tidak mahu didedahkan oleh orang.
Tiada perlindungan spam. Borang awam boleh dipenuhi sampah dalam beberapa hari.
Membina pembina untuk satu borang. Bina borangnya.
Hantaran tanpa had pada produk awam. Jika pelanggan mencipta borang, tetapkan had mengikut pelan, atau satu borang popular boleh meningkatkan bil hosting anda.

Bila produk siap sedia lebih baik

Alat borang yang dihoskan sangat baik dan murah untuk kebanyakan keperluan. Ia sudah menyelesaikan embed, spam, bayaran, integrasi dan kebolehcapaian merentasi berpuluh jenis medan. Jika pasukan anda cuma perlukan borang, gunakannya — lihat alternatif Typeform dan alternatif Google Forms.

Bina sendiri apabila hantaran perlu tinggal bersama data anda sendiri (menyuap CRM atau portal pelanggan yang anda jalankan), apabila anda memerlukan aliran kerja selepas hantaran yang alat tersebut tidak boleh buat, apabila lokasi atau pemilikan data adalah keperluan, atau apabila borang adalah ciri produk yang anda jual.

Membina dengan Mythex

Di Mythex, anda menerangkan pembina dalam sembang dan menguji penyunting serta borang awam bersebelahan dalam pratonton langsung. Mythex menambah pangkalan data khusus untuk takrifan borang dan hantaran, dan mengaktifkan storan fail secara automatik apabila aplikasi anda memerlukan muat naik (dihadkan kepada 1 GB pada pelan Free). E-mel pemberitahuan melalui pembekal yang anda sambungkan dengan kunci sendiri. Terbitkan aplikasi ke pautan mythex.ai, atau domain anda sendiri pada Pro, dan pautan borang awam berfungsi dari situ.

Soalan lazim

Bagaimana pembina borang menyimpan borang?

Biasanya sebagai takrifan borang: senarai medan, setiap satu dengan jenis, label, peraturan pengesahan dan susunan, disimpan sebagai data berstruktur seperti JSON. Takrifan yang sama memacu kedua-dua penyunting dan borang awam, jadi menambah medan tidak memerlukan kod baharu.

Bagaimana hantaran borang patut disimpan?

Simpan setiap hantaran dengan rujukan kepada versi borang yang digunakan, dan jawapan diikat mengikut ID medan. Dengan itu, menamakan semula atau menyusun semula medan kemudian tidak merosakkan hantaran lama.

Bagaimana saya hentikan spam pada borang awam?

Gabungkan medan honeypot tersembunyi, had kadar setiap alamat IP, pengesahan di pelayan dan, jika spam berterusan, perkhidmatan CAPTCHA. Jangan sekali-kali bergantung pada semakan yang hanya berjalan dalam pelayar.

Adakah saya perlukan pembina borang penuh atau hanya borang sahaja?

Jika anda hanya perlukan satu atau dua borang tetap, bina borang itu terus — jauh lebih mudah. Pembina borang berbaloi apabila orang yang bukan pakar teknikal perlu mencipta dan menukar banyak borang tanpa bertanya kepada pembangun.