"พุทธกิจนิมนต์ Digital"
ไม่ใช่แค่โปรแกรมจดบันทึก แต่เป็นเครื่องมือที่ช่วยส่งเสริมให้งานพระศาสนาเดินหน้าไปอย่างเป็นระบบในยุคปัจจุบัน
ตัวอย่าง
****************************************************************************
เมื่อท่านได้สำเนาไฟล์ไปแล้ว แก้ไขดังนี้
1. ย้ายไฟล์ เข้าโฟลเดอร์ ที่ต้องการ เช่น
25681225 Web App พุทธกิจนิมนต์ Digital
สร้าง Folder เพื่อเก็บ Logo / โหลดดิ้ง
2. เปลี่ยนใน Code.gs
SPREADSHEET_ID บรรทัดที่ 5
Logo บรรทัดที่ 16
3. เปลี่ยนใน Index.html
บรรทัดที่ 89 เปลี่ยน Footer ได้
4. Deploy Program
4. Deploy Program
🚀 ขั้นตอนการดีพลอยโปรแกรม Web App (Google Apps Script)
✅ 1) เปิด Script Editor / Apps Script
เปิด Google Sheet ที่ใช้เก็บข้อมูล (เช่น sports)
ไปที่เมนู ส่วนขยาย (Extensions) → Apps Script
เปิด Google Sheet ที่ใช้เก็บข้อมูล (เช่น
sports)ไปที่เมนู ส่วนขยาย (Extensions) → Apps Script
✅ 2) วางไฟล์ code.gs
นำโค้ด code.gs ที่ผมให้
→ วางในไฟล์ code.gs
→ กด Save (Ctrl + S)
✅ 3) สร้างไฟล์ index.html
คลิกซ้ายที่โฟลเดอร์ขวามือ → ไฟล์ใหม่ → HTML
ตั้งชื่อ: index
วาง index.html ฉบับเต็มที่ผมให้
กดบันทึก
คลิกซ้ายที่โฟลเดอร์ขวามือ → ไฟล์ใหม่ → HTML
ตั้งชื่อ: index
วาง
index.htmlฉบับเต็มที่ผมให้กดบันทึก
✅ 4) ตรวจสอบ doGet()
✅ 5) ตรวจสอบสิทธิ์การเข้าถึงชีต
✅ 5) ตรวจสอบสิทธิ์การเข้าถึงชีต
✅ 6) Deploy เป็น Web App
กดปุ่ม Deploy มุมขวาบน
เลือก New Deployment
เลือกประเภท: Web App
ใส่ชื่อ: ระบบชำระค่าเรียนพิเศษ
Execute as:
✔ Me (ตัวเรา)
Who has access:
✔ Anyone หรือ Anyone with the link
กด Deploy
Google จะขอสิทธิ์ → กด Allow
กดปุ่ม Deploy มุมขวาบน
เลือก New Deployment
เลือกประเภท: Web App
ใส่ชื่อ:
ระบบชำระค่าเรียนพิเศษExecute as:
✔ Me (ตัวเรา)Who has access:
✔ Anyone หรือ Anyone with the linkกด Deploy
Google จะขอสิทธิ์ → กด Allow
✅ 7) เสร็จสิ้น — ได้ลิงก์ Web App
ระบบจะให้ลิงก์เช่น:
เอาไปเปิดใช้งาน / ใส่ใน QR / แชร์ครูได้เลย 🎉
ระบบจะให้ลิงก์เช่น:
เอาไปเปิดใช้งาน / ใส่ใน QR / แชร์ครูได้เลย 🎉
🎯 จุดสำคัญที่ต้องระวัง
🟥 1. HTML ต้องใช้ index เท่านั้น
ถ้าใช้ชื่ออื่น ให้แก้ doGet()
ถ้าใช้ชื่ออื่น ให้แก้ doGet()
🟦 2. ต้องใช้ .setXFrameOptionsMode(...ALLOWALL)
เพื่อให้ UI โหลดครบ (Tailwind, CSS)
เพื่อให้ UI โหลดครบ (Tailwind, CSS)
🟩 3. ถ้ามี Refused to execute script
ให้เช็คว่า
script ใน <script> ไม่ใส่ type="module"
ไม่มี HTML แปลก ๆ ติดคอมเมนต์
ให้เช็คว่า
script ใน
<script>ไม่ใส่ type="module"ไม่มี HTML แปลก ๆ ติดคอมเมนต์
🟧 4. ถ้ามี “Permission denied”
คือไม่ได้เปิด Sheets API หรือไม่ได้ตั้ง Execute as = Me
คือไม่ได้เปิด Sheets API หรือไม่ได้ตั้ง Execute as = Me
***********************************************************************************
Demo ลิ้งค์รับไฟล์ PowerPoint
คู่มือโปรแกรม
***********************************************************************************
👉สนับสนุนค่ากาแฟ 0892231515 พร้อมเพย์ นายวัฒนชาต ทัศนศร
{fullwidth}






