Web App แบบทดสอบวันวิทยาศาสตร์แห่งชาติ

         



📚 ลิงค์ลงทะเบียนกิจกรรมฟรีประจำวันเพื่อเก็บสถิติ ดูลิงค์ซูม และป้องกันการดีด

รอก่อนนะวิดีโอ

ตัวอย่าง











****************************************************************************

เมื่อท่านได้สำเนาไฟล์ไปแล้ว แก้ไขดังนี้

1. ย้ายไฟล์ เข้าโฟลเดอร์ ที่ต้องการ เช่น
25680816 Web App แบบทดสอบวันวิทยาศาสตร์แห่งชาติ

2. เปลี่ยนที่ Code.gs บรรทัดที่ 13
    2.1.// สำหรับเก็บ ID ของ Google Sheet

        const SHEET_ID = '1xxx'; // <--- ★★★ วาง ID ของคุณที่นี่ ★★★

     2.2. บรรทัดที่ 22

         .setFaviconUrl('https://xxx.png');


3. เปลี่ยน Index.html
    3.1 บรรทัดที่ 52
         background-image: url('https://krunid.github.io/knid13/Pict_All/Cerf_Sci.jpg');

    3.2 บรรทัดที่ 95

   
© 2025 จัดทำโดย xxxx | กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี
    
    3.3 บรรทัดที่ 120

    <img src="https://thestatestimes.com/storage/post_display/20230817171624DuO6r.jpg" alt="พระบิดาแห่งวิทยาศาสตร์ไทย" class="rounded-lg shadow-md mx-auto mb-6 w-full max-w-md">     

    3.4 บรรทัดที่ 163

<br><br> <img src="https://semicon.github.io/img/taksila_logo.png" width="100" style="display: block; margin-left: auto; margin-right: auto;">

    3.5 บรรทัดที่ 172

<img src="https://e7.pngegg.com/pngimages/214/38/png-clipart-signature-video-game-others-game-text.png" width="100" style="display: block; margin-left: auto; margin-right: auto;">

4. ดีพลอย เพื่อใช้งานโปรแกรม


เพื่อให้สามารถเข้าถึงหน้าเว็บนี้ได้ คุณต้อง Deploy โปรเจคของคุณ:
  1. คลิกที่ปุ่ม "ทำให้ใช้งานได้" (Deploy) สีฟ้าที่มุมบนขวา
  2. เลือก "การทำให้ใช้งานได้รายการใหม่" (New deployment)
  3. คลิกที่ไอคอนรูปเฟืองข้างๆ "เลือกประเภท" และเลือก "เว็บแอป" (Web app)
  4. ในการตั้งค่า:
  5. คำอธิบาย (Description): (ไม่บังคับ) ใส่คำอธิบาย เช่น "Setting editor"
  6. ดำเนินการในฐานะ (Execute as): เลือก "ฉัน" (Me)
  7. ผู้ที่เข้าถึงได้ (Who has access): เลือก "ทุกคน" (Anyone) หรือ "ทุกคนที่มีบัญชี Google" (Anyone with a Google Account) เพื่อให้เข้าถึงได้ง่าย (หากเลือก "เฉพาะฉัน" คุณคนเดียวจะเห็นเว็บนี้)
  8. คลิก "ทำให้ใช้งานได้" (Deploy)
  9. สำคัญ: ระบบจะขอ "ให้สิทธิ์เข้าถึง" (Authorize access) ให้คุณคลิกปุ่มนั้น
  10. เลือกบัญชี Google ของคุณ
  11. คุณอาจเห็นหน้า "Google hasn't verified this app" ให้คลิก "ขั้นสูง" (Advanced) แล้วคลิก "ไปที่ [ชื่อโปรเจคของคุณ] (ไม่ปลอดภัย)" (Go to [Your Project Name] (unsafe))
  12. กด "อนุญาต" (Allow) เพื่อให้สิทธิ์สคริปต์เข้าถึง Google Sheet ของคุณ
  13. เมื่อเสร็จแล้ว คุณจะได้รับ URL ของเว็บแอป ให้คัดลอก URL นั้นไปใช้งานได้เลย!


***********************************************************************************

Demo    ลิ้งค์รับไฟล์  คู่มือโปรแกรม

***********************************************************************************

👉สนับสนุนค่ากาแฟ 0892231515 พร้อมเพย์ นายวัฒนชาต ทัศนศร


{fullwidth}
แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า