การให้บริการไฟล์แบบสถิต (Static Files) ใน Koa.js สามารถทำได้โดยใช้ middleware koa-static
หรือโค้ดแบบสร้างขึ้นเอง. นี่คือวิธีการให้บริการไฟล์แบบสถิตใน Koa.js โดยใช้ koa-static
:
ติดตั้งแพ็กเกจ
koa-static
:ใช้คำสั่ง npm เพื่อติดตั้ง
koa-static
:1
npm install koa-static
หรือถ้าคุณใช้ Yarn:
1
yarn add koa-static
กำหนด middleware
koa-static
ในแอปพลิเคชัน Koa.js:ในแอปพลิเคชัน Koa.js ของคุณ, กำหนด middleware
koa-static
เพื่อให้บริการไฟล์แบบสถิตจากโฟลเดอร์ที่คุณต้องการ:1
2
3
4
5
6
7
8
9
10
11
12const 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'
ด้วยเส้นทางของโฟลเดอร์ที่คุณต้องการให้บริการไฟล์แบบสถิต.สร้างโฟลเดอร์และวางไฟล์แบบสถิต:
สร้างโฟลเดอร์ที่คุณต้องการให้บริการไฟล์แบบสถิตและวางไฟล์ที่คุณต้องการให้เป็นไฟล์แบบสถิตในโฟลเดอร์นี้ เช่นไฟล์ CSS, JavaScript, รูปภาพ, หรือไฟล์อื่น ๆ.
เรียกใช้แอปพลิเคชัน:
เมื่อคุณรันแอปพลิเคชัน Koa.js และเข้าที่ http://localhost:3000/public/myfile.jpg (โดยใช้ตัวอย่างโฟลเดอร์
public
และไฟล์myfile.jpg
ในโฟลเดอร์นี้), ไฟล์myfile.jpg
จะถูกแสดงผลในเบราว์เซอร์.
การให้บริการไฟล์แบบสถิตใน Koa.js โดยใช้ koa-static
ช่วยให้คุณสามารถนำเสนอไฟล์สำหรับเว็บไซต์ของคุณอย่างง่ายและมีประสิทธิภาพ โดยไม่ต้องเขียนโค้ดแสดงผลแต่ละไฟล์ด้วยตัวเอง.