deployed หน้าเว็บไซต์

#พื้นฐานการเขียนเว็ปไซต์

#google #appscript

ขั้นตอนที่ การ Deploy (เผยแพร่)

1. ไปที่เมนู "Deploy": ใน Apps Script Editor คลิกที่ปุ่ม "Deploy" (ด้านบนขวา) จากนั้นเลือก "การทำให้ใช้งานได้ใหม่" หรือ "New deployment"

2. เลือกประเภทการ Deploy: เลือกประเภท "เว็บแอป" หรือ "Web app"

3. กำหนดการตั้งค่า:

◦ Description: ใส่คำอธิบายสั้นๆ (เช่น เวอร์ชัน 1)

◦ Execute as: เลือก "ฉัน" หรือ "Me" เพื่อให้โค้ดรันในฐานะตัวคุณเอง

◦ Who has access: เลือก "ทุกคน" หรือ "Anyone" เพื่อให้คนอื่นสามารถเข้าถึงหน้าเว็บของคุณได้ (ถ้าคุณต้องการให้เฉพาะคนในองค์กรเข้าถึง ให้เลือก "ทุกคนที่มีบัญชี Google" หรือ "Anyone with a Google account"

4. ทำการ Deploy: คลิกที่ปุ่ม "Deploy"

5. คัดลอก URL: เมื่อการ Deploy สำเร็จ คุณจะได้รับ URL ของเว็บแอป ที่สามารถนำไปใช้ได้ทันที

ขั้นตอนเพิ่มเติม: การแก้ไขและอัปเดต

• หากคุณมีการแก้ไขโค้ดและต้องการให้การเปลี่ยนแปลงแสดงผลบนหน้าเว็บ คุณจะต้องทำการ Deploy ใหม่

• ในเมนู Deploy ให้เลือก "จัดการการทำให้ใช้งานได้" หรือ "Manage deployments" แล้วคลิกที่ไอคอนรูปปากกาเพื่อแก้ไขเวอร์ชันปัจจุบัน หรือสร้างเวอร์ชันใหม่

• เลือกเวอร์ชันใหม่ที่คุณต้องการเผยแพร่ แล้วคลิก "Deploy"

การทำตามขั้นตอนเหล่านี้จะทำให้คุณสามารถสร้างและเผยแพร่เว็บแอปพลิเคชันบน Google Apps Script ได้อย่างสมบูรณ์

หมายเหตุ... แต่ในขณะ ทำการแก้ไข file เพื่อดูหน้าเว็ปเพื่อทดสอบ ให้ไปที่เมนูแถบสีฟ้า ด้านบนขวามือ อีกครั้ง คลิกปุ่ม การทำให้ใช้งานได้ เลือก "การนำการทดสอบใช้งาน จะได้ URL file นามสกุล dev จากนั้น ดับเบิ้ลคลิ๊ก ตรง URL จะได้หน้าเว็ปไซต์กันแล้ว ตัวอย่าง URL

“https://script.google.com/macros/sAKfycbwRds2RFGn6wyQjEjd3NmfGIbcng3YE_jJCbeVF44E/dev”

2025/9/15 แก้ไขเป็น

... อ่านเพิ่มเติมพอทำ Google Apps Script เสร็จ หลายคนจะติดตรง “Deploy แล้วเอา URL ไหนไปใช้?” หรือแก้โค้ดแล้วทำไมหน้าเว็บไม่อัปเดต ฉันขอแชร์ทริคที่ใช้ประจำเวลา deploy apps script เป็น Web app ให้ใช้งานได้จริง พร้อมแยกความต่างของ deployment url แบบ dev/exec แบบเข้าใจง่าย 1) เข้าใจ URL สองแบบ: dev vs exec - URL ลงท้าย /dev = ใช้สำหรับ “การนำการทดสอบใช้งาน” (ทดสอบเร็ว ๆ) เหมาะกับตอนกำลังแก้หน้าเว็บบ่อย ๆ แต่บางครั้งคนอื่นเข้าไม่ได้ ขึ้นกับสิทธิ์ที่ตั้งไว้ - URL ลงท้าย /exec = URL สำหรับ “ใช้งานจริง” หลัง Deploy แล้วเอาไปแปะให้คนเปิดได้ทั่วไป (ตามสิทธิ์ที่ตั้ง) ถ้าต้องส่งให้คนใช้งานจริง แนะนำให้ใช้ /exec เป็นหลัก 2) เช็กลำดับการ Deploy ให้ครบ (กันพลาดเรื่องสิทธิ์) เวลาไปที่ Deploy → New deployment → Web app ฉันจะเช็ก 3 จุดนี้ทุกครั้ง - Description: ใส่ชื่อเวอร์ชัน เช่น v1, v1.1 (ช่วยให้ตามรอยง่าย) - Execute as: ส่วนใหญ่เลือก “Me” เพื่อให้สคริปต์รันด้วยสิทธิ์เจ้าของ - Who has access: ถ้าจะให้คนทั่วไปเปิดได้ เลือก “Anyone” (หรืออย่างน้อย “Anyone with a Google account”) จากนั้นกด Deploy แล้วคัดลอก URL เก็บไว้ 3) อัปเดตแล้วไม่เปลี่ยน: ต้อง Deploy ใหม่หรือเลือกเวอร์ชันใหม่ ข้อที่ทำให้หลายคนงงคือ แก้โค้ดในไฟล์แล้ว URL เดิมยังเป็นหน้าเก่า วิธีที่ฉันใช้คือ - ไปที่ Deploy → Manage deployments - กดไอคอนดินสอ (Edit) แล้วเลือก “New version” หรือสร้าง deployment ใหม่ - กด Deploy อีกครั้ง แล้วทดสอบด้วย URL /exec ถ้าคุณใช้ URL /dev เพื่อเทสต์ ก็เข้าเมนู “การนำการทดสอบใช้งาน” แล้วเปิดลิงก์ dev ดูว่าตรงกับโค้ดล่าสุดไหม 4) จุดสำคัญในโค้ดเว็บแอป: doGet ต้องมี เว็บแอปส่วนมากต้องมีฟังก์ชัน doGet เพื่อคืนค่า HTML เช่น - doGet(){ return HtmlService.createTemplateFromFile(...).evaluate(); } ถ้า deploy แล้วเจอหน้าขาว/เออเรอร์ ฉันจะเริ่มเช็กที่ doGet ก่อนว่าเรียกไฟล์ถูกไหม และมี return ของ HtmlService จริงหรือเปล่า 5) ทริคทดสอบเร็ว: เปิด dev ก่อน แล้วค่อยปล่อย exec ฉันมักทำแบบนี้: - แก้โค้ด → เปิดลิงก์ /dev เพื่อดูผลเร็ว ๆ - พอทุกอย่างโอเค → Deploy เวอร์ชันใหม่ → ใช้ /exec ส่งให้ผู้ใช้ ช่วยลดปัญหาส่งลิงก์แล้วเจอบั๊ก สรุปคือ ถ้าต้องการ deployment url สำหรับใช้งานจริงให้โฟกัสที่ /exec และทุกครั้งที่แก้โค้ดอย่าลืม Deploy (หรือสร้าง New version) ไม่งั้นหน้าเว็บจะไม่อัปเดตตามที่เราคิดไว้