N'Meboon Menu Link

เจ้าของผลงานเล่าไว้แบบนี้

https://n-meboon-service.onrender.com/check # N'Meboon Menu Link (Web Service version) เว็บลิงก์รวมโซเชียลของ N'Meboon พร้อมวิดีโอทรานซิชันตอนเปลี่ยนหน้า (มีเสียง) และการ์ดแสดงยอดผู้ติดตาม + วิดีโอล่าสุดจาก YouTube ## โครงสร้างไฟล์ ``` server.js เซิร์ฟเวอร์ Express (จุดเริ่มโปรแกรม) + /api/youtube package.json รายชื่อ dependency + คำสั่ง start public/ index.html หน้าหลัก (Youtube, Discord, Tiktok, Menu Link, การ์ด YouTube) menu.html หน้าเมนูอื่นๆ (Roblox, Suno, Facebook, กลับหน้าหลัก) style.css สไตล์ทั้งเว็บ script.js ระบบทรานซิชันวิดีโอ + อนิเมชันปุ่ม + ดึงข้อมูล YouTube assets/ ไฟล์วิดีโอทรานซิชัน (.mp4 / .webm มีเสียงแล้ว) ``` ## วิธี deploy บน Render (Web Service) 1. อัปโหลดไฟล์ทั้งหมดในโฟลเดอร์นี้ขึ้น GitHub repo **โดยให้ `server.js` และ `package.json` อยู่ที่ root ของ repo เลย** (ห้ามมีโฟลเดอร์ครอบอีกชั้น เช่น repo/nmeboon-website/server.js — ถ้า push ผิดชั้นแบบนี้ Render จะหา `package.json` ไม่เจอและเว็บจะขึ้น "Not Found") 2. เข้า https://dashboard.render.com → **New** → **Web Service** 3. เชื่อมกับ repo ที่เพิ่งสร้าง 4. ตั้งค่า: - **Runtime:** Node - **Build Command:** `npm install` - **Start Command:** `npm start` 5. ไปที่แท็บ **Environment** เพิ่มตัวแปร (ดูวิธีขอ API key ด้านล่าง): - `YOUTUBE_API_KEY` = ใส่คีย์ที่ขอมา - `YOUTUBE_HANDLE` = `NongMeboon` (ใส่หรือไม่ใส่ก็ได้ ค่าเริ่มต้นเป็นอันนี้อยู่แล้ว) 6. กด **Create Web Service** / **Manual Deploy** รอ build เสร็จ ## แก้ปัญหา "Not Found" อาการนี้เกือบทั้งหมดเกิ

โดย mmeboontest-afk · ดูโพสต์ต้นทาง