adapter-vercel และ adapter-cloudflare
นำไปใช้งานบนฟังก์ชันเอดจ์ของ Vercel หรือ Workers ของ Cloudflare ด้วยอะแดปเตอร์ที่ตรงกัน
adapter-vercel และ adapter-cloudflare เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
adapter-vercel
นำไปใช้งานบนฟังก์ชันเอดจ์หรือฟังก์ชันแบบไร้เซิร์ฟเวอร์ของ Vercel โดยอัตโนมัติ
npm install -D @sveltejs/adapter-vercelการตรวจจับ Vercel
adapter-auto จะเลือก adapter-vercel เมื่อใช้งานบน Vercel ส่วนการติดตั้งอย่างชัดเจนจะควบคุมได้มากกว่า
เอดจ์เทียบกับ Node
อะแดปเตอร์ Vercel รองรับทั้งรันไทม์เอดจ์ (เริ่มทำงานแบบเย็นได้เร็วกว่า) และรันไทม์ Node แยกตามเส้นทาง
export const config = { runtime: "edge" };adapter-cloudflare
นำไปใช้งานบน Cloudflare Pages พร้อม Workers สำหรับ SSR และ API
npm install -D @sveltejs/adapter-cloudflareCloudflare Pages
เชื่อมต่อคลังโค้ดของคุณกับ Cloudflare Pages แล้วอะแดปเตอร์จะจัดการส่วนที่เหลือ
ประสิทธิภาพของเอดจ์
ฟังก์ชันเอดจ์ทำงานใกล้ผู้ใช้ทั่วโลก จึงช่วยลดเวลาแฝง
ข้อจำกัด
รันไทม์เอดจ์ไม่มี API ของ Node อย่างครบถ้วน (ไม่มี fs และโมดูลเนทีฟ) จึงควรวางแผนให้เหมาะสม
ตัวแปรสภาพแวดล้อม
ใช้แดชบอร์ดหรือ wrangler.toml สำหรับ Cloudflare ส่วน Vercel ใช้ตัวแปรสภาพแวดล้อมของโครงการ
บันทึกและการสังเกตการณ์
ผู้ให้บริการทั้งสองมีบันทึกแบบเรียลไทม์และเมตริกจากแดชบอร์ดของตน
การนำไปใช้งานสำหรับดูตัวอย่าง
ทั้งสองบริการสร้าง URL สำหรับดูตัวอย่างในทุก PR ซึ่งเหมาะสำหรับการตรวจสอบ
ค่าใช้จ่าย
แพ็กเกจฟรีมีขีดจำกัดเพียงพอสำหรับโครงการขนาดเล็ก ส่วนแพ็กเกจแบบชำระเงินจะขยายตามการใช้งาน
ตรวจสอบอย่างรวดเร็ว
รันไทม์ใดเริ่มทำงานแบบเย็นได้เร็วกว่า
สรุปทบทวน
ใช้ adapter-vercel หรือ adapter-cloudflare สำหรับการนำไปใช้งานแบบไร้เซิร์ฟเวอร์และบนเอดจ์ โดยมีการกำหนดค่าเพียงเล็กน้อย
เรียนรู้ HTML ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 41
- บทเรียน
- 163
คำถามที่พบบ่อย
บทเรียน “adapter-vercel และ adapter-cloudflare” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “adapter-vercel และ adapter-cloudflare” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “adapter-vercel และ adapter-cloudflare”
นำไปใช้งานบนฟังก์ชันเอดจ์ของ Vercel หรือ Workers ของ Cloudflare ด้วยอะแดปเตอร์ที่ตรงกัน คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “adapter-vercel และ adapter-cloudflare” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- adapter-static สำหรับเว็บไซต์แบบสแตติก
- adapter-node สำหรับเซิร์ฟเวอร์ Node.js
- adapter-vercel และ adapter-cloudflare
- การสร้างและดูตัวอย่าง