Render page เป็น Source code สําหรับ Render หน้าเว็บไซต์ที่เป็นรูปแบบ Static website โดยเฉพาะ เหมาะสําหรับคนที่ต้องการที่จะทํา SEO หรือ Render full page.
ซึ่งโดยตัว Code นี้ได้แรงบัลดาลใจจากโปรเจ็ค Prerender.io ซีงผมนําโครงสร้าง (เกือบทั้งหมด) มาดัดแปลงให้สามารถทํา Cache ได้ง่าย และใช้เป็น JS เพื่อนําไปศึกษาได้ง่าย
# รันคําสั่งติดตั้ง Dependencies yarn # จากนั้น Config ไฟล์ และทําการเปลี่ยนชื่อจาก config.example.json เป็น config.json # สุดท้ายทําการ Run script node app.js
{ "server": { "port": 8000 // พอร์ตที่จะใช้งาน (Default: 8000) }, "puppeteer": { "headless": true, // ต้องการให้หน้าจออยู่แบบ Headless หรือไม่ (Default: true) "useragent": "EXAMPLEAGENT / 1.0 (https://example.com)", // กําหนด User-Agent "domain": [ // โดเมนที่สามารถให้ Cache page ได้ "https://example.com" ], "page": { "waitUntil": "networkidle2", // ตรวจสอบว่าหาก Network ที่ถูก fetch มานั้นไม่เกิน 2 ครั้งเป็นเวลา 500ms "timeout": 30000, // หมดเวลาการเชื่อมต่อ "maxFailures": 3 // จํานวนสูงสุุดในการดึงเว็บผิดพลาด } }, "cache": { "path": "./cache", // Path ที่จะเก็บ Cache ของเว็บไซต์ "maxAge": 259200 // ระยะเวลาสูงสุดในการเก็บ Cache ของเว็บไซต์ (Default: 3 วัน) } }
