การให้คะแนนโดยบรรณาธิการ: การให้คะแนนของผู้ใช้:.ilfs_responsive_below_title_1 { width: 300px; } @media (ความกว้างต่ำสุด: 500px) {.ilfs_responsive_below_title_1 { width: 300px; } } @media (ความกว้างต่ำสุด: 800px) {.ilfs_responsive_below_title_1 { width: 336px; } }
FormEasy เป็น โซลูชันโอเพนซอร์ส ที่ช่วยให้คุณ ได้รับ แบบฟอร์มจากเว็บไซต์ แอป และง่ายกว่ามาก และจัดเก็บข้อมูลใน Google ชีต มันใช้ไลบรารีสคริปต์ของ Apps ซึ่งสามารถจัดการแบบฟอร์มด้วยรหัสเพียงไม่กี่บรรทัดโดยที่คุณไม่ต้องดูแลเซิร์ฟเวอร์ใด ๆ
บริการที่ขาดไม่ได้อย่างหนึ่งที่ทุกเว็บไซต์และแอพต้องการคือรูปแบบบางอย่างเช่น แบบฟอร์มติดต่อเรา แบบฟอร์มคำติชม ฯลฯ แบบฟอร์มเหล่านี้สามารถจัดการได้บนไซต์แบบคงที่เช่นกันโดยใช้บริการของบุคคลที่สาม เช่น GetForm, FormKeep และอื่นๆ ตามปกติ บริการเหล่านี้เป็นบริการแบบชำระเงินโดยมีข้อจำกัดด้านข้อมูล จำนวนการส่ง ฯลฯ ในกรณีที่คุณเลือกใช้แผนบริการฟรี
นี่คือที่ที่ FormEasy เข้ามา และอนุญาตให้จัดการแบบฟอร์มบนไซต์คงที่ได้ฟรี โดยไม่ต้องใช้เครื่องมือของบุคคลที่สาม
วิธีการทำงาน:
1. เข้าสู่ระบบบัญชี Google ของคุณและสร้าง Google ชีตเปล่า
2. คัดลอกรหัสสคริปต์จากเว็บไซต์ FormEasy ลิงก์อยู่ท้ายบทความนี้
3. เปิดไฟล์ Apps Script ที่เชื่อมต่อกับ Google ชีตของคุณจากเมนูส่วนขยาย
4. คลิกที่เครื่องหมาย’+’ถัดจาก Libraries to Add a Library และวาง ScriptID ที่คุณคัดลอกไว้ด้านบน และคลิกที่’Add’ตรวจสอบให้แน่ใจว่าได้เลือกเวอร์ชันล่าสุดแล้ว
5. ลบฟังก์ชันเริ่มต้นทั้งหมดในไฟล์สคริปต์และเพิ่มฟังก์ชัน doPost ที่ให้ไว้ด้านล่าง ตรวจสอบให้แน่ใจว่าคุณพิมพ์ที่อยู่อีเมลของคุณสำหรับส่งการแจ้งเตือนทุกครั้งที่มีผู้ใช้กรอกแบบฟอร์ม
ฟังก์ชัน doPost(req) { FormEasy.setEmail(‘[email protected]’);//หากต้องการรับการแจ้งเตือนทางอีเมล (ตัวเลือก) ให้ส่งคืน FormEasy.action(req);//บังคับให้ส่งคืนวิธีดำเนินการ }
6. คลิกที่’ปรับใช้’เลือก’การปรับใช้ใหม่เพื่อแสดงกล่องป๊อปอัปและ’เลือกประเภท’เป็นเว็บแอป พิมพ์คำอธิบายและในเมนูแบบเลื่อนลง’ใครมีสิทธิ์เข้าถึง’เลือก’ใครก็ได้’คลิกที่ปุ่ม”ปรับใช้”และอนุญาตให้เข้าถึงบัญชี Google ของคุณหากมีการร้องขอ
7. เมื่อการปรับใช้เสร็จสิ้น ให้คัดลอก URL ของ Web App จากช่องป๊อปอัป นี่คือ URL ที่เราสามารถใช้ส่งคำขอ POST
8. ตอนนี้เราต้องตรวจสอบว่า’POST’ทำงานสำเร็จหรือไม่ และข้อมูลที่’โพสต์แล้ว’ได้รับการบันทึกใน Google ชีต ในการตรวจสอบนี้ เราจะใช้บุรุษไปรษณีย์
9. เลือกวิธีการเป็น”POST”และในช่อง”ป้อน URL คำขอ”ให้วาง URL ของเว็บแอปที่คุณคัดลอกไว้ด้านบน
10. สำหรับข้อมูลการทดสอบ ให้คลิกที่’เนื้อหา’และเลือกประเภทของข้อมูลเป็น’ดิบ’คัดลอกข้อมูลตัวอย่างที่ให้ไว้ด้านล่างแล้ววางลงในช่องว่างที่ให้ไว้สำหรับข้อมูลดิบ
{“name”:”John”,”email”:”[email protected]”,”message”:”Your FormEasy script ทำงานสำเร็จ บันทึกข้อมูลแล้ว”}
11. คุณจะได้รับข้อความสถานะ ข้อความ OK และข้อมูลได้รับการบันทึกเรียบร้อยแล้วซึ่งระบุว่าแบบฟอร์มของคุณทำงานสำเร็จ
12. เปิด Google ชีตเปล่าที่คุณสร้างไว้ด้านบน แล้วคุณจะพบข้อมูลในแบบฟอร์มที่บันทึกไว้พร้อมกับช่องวันที่ที่ระบุวันที่และเวลาที่แน่นอนเมื่อมีการโพสต์ข้อมูล คุณยังสามารถตรวจสอบอีเมลของคุณเพื่อดูการแจ้งเตือนทุกครั้งที่โพสต์ข้อมูลโดยใช้ FormEasy
13. คุณสามารถเปลี่ยนและปรับแต่งฟิลด์ข้อมูลเริ่มต้น ได้แก่ ชื่อ อีเมล และข้อความโดยเปลี่ยน Apps Script คลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับเรื่องนี้
ความคิดเห็นสุดท้าย:
FormEasy เป็นทางเลือกโอเพนซอร์ซที่ยอดเยี่ยมสำหรับเครื่องมือของบุคคลที่สามอื่นๆ สำหรับการใช้แบบฟอร์มบนเว็บไซต์คงที่อย่างง่ายดายโดยไม่ต้องเรียนรู้การเข้ารหัสมากนัก คุณยังสามารถเข้าถึงซอร์สโค้ดของไลบรารีได้จาก FormEasy GitHub Repo เพื่อปรับแต่งและทำการเปลี่ยนแปลงใดๆ ได้ตามต้องการ
คลิกที่นี่เพื่อไปยัง FormEasy และเริ่มต้น จัดการแบบฟอร์มของคุณ
