Static Files ใน Koa.js

การให้บริการไฟล์แบบสถิต (Static Files) ใน Koa.js สามารถทำได้โดยใช้ middleware koa-static หรือโค้ดแบบสร้างขึ้นเอง. นี่คือวิธีการให้บริการไฟล์แบบสถิตใน Koa.js โดยใช้ koa-static:

  1. ติดตั้งแพ็กเกจ koa-static:

    ใช้คำสั่ง npm เพื่อติดตั้ง koa-static:

    1
    npm install koa-static

    หรือถ้าคุณใช้ Yarn:

    1
    yarn add koa-static
  2. กำหนด middleware koa-static ในแอปพลิเคชัน Koa.js:

    ในแอปพลิเคชัน Koa.js ของคุณ, กำหนด middleware koa-static เพื่อให้บริการไฟล์แบบสถิตจากโฟลเดอร์ที่คุณต้องการ:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    const Koa = require('koa');
    const static = require('koa-static');
    const path = require('path');

    const app = new Koa();

    // กำหนด middleware koa-static เพื่อให้บริการไฟล์แบบสถิต
    app.use(static(path.join(__dirname, 'public')));

    app.listen(3000, () => {
    console.log('Server is running on port 3000');
    });

    ในตัวอย่างนี้, เรากำหนด middleware koa-static เพื่อให้บริการไฟล์แบบสถิตจากโฟลเดอร์ public. คุณสามารถแทนที่ 'public' ด้วยเส้นทางของโฟลเดอร์ที่คุณต้องการให้บริการไฟล์แบบสถิต.

  3. สร้างโฟลเดอร์และวางไฟล์แบบสถิต:

    สร้างโฟลเดอร์ที่คุณต้องการให้บริการไฟล์แบบสถิตและวางไฟล์ที่คุณต้องการให้เป็นไฟล์แบบสถิตในโฟลเดอร์นี้ เช่นไฟล์ CSS, JavaScript, รูปภาพ, หรือไฟล์อื่น ๆ.

  4. เรียกใช้แอปพลิเคชัน:

    เมื่อคุณรันแอปพลิเคชัน Koa.js และเข้าที่ http://localhost:3000/public/myfile.jpg (โดยใช้ตัวอย่างโฟลเดอร์ public และไฟล์ myfile.jpg ในโฟลเดอร์นี้), ไฟล์ myfile.jpg จะถูกแสดงผลในเบราว์เซอร์.

การให้บริการไฟล์แบบสถิตใน Koa.js โดยใช้ koa-static ช่วยให้คุณสามารถนำเสนอไฟล์สำหรับเว็บไซต์ของคุณอย่างง่ายและมีประสิทธิภาพ โดยไม่ต้องเขียนโค้ดแสดงผลแต่ละไฟล์ด้วยตัวเอง.