PricingLoginStart free
Sveltejs Academy · บทเรียน

+page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์

เก็บข้อมูลลับและการเรียกฐานข้อมูลไว้บนเซิร์ฟเวอร์โดยใช้ +page.server.js

บทเรียน 4 จาก 413 ขั้นตอน

+page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์ เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

เหตุใดจึงต้องใช้เฉพาะเซิร์ฟเวอร์

ข้อมูลบางอย่างต้องอยู่บนเซิร์ฟเวอร์ เช่น การเรียกฐานข้อมูล คีย์ API ลับ และการเข้าถึงระบบไฟล์

ชื่อไฟล์

ใช้ +page.server.js แทน +page.js

อินเทอร์เฟซเดียวกัน

ส่งออก load เช่นเดียวกับใน +page.js โดย SvelteKit จะทราบว่าส่วนนี้ใช้เฉพาะบนเซิร์ฟเวอร์

import { db } from "$lib/server/db";
export async function load({ params }) {
  const post = await db.posts.find(params.slug);
  return { post };
}

ไม่รวมในชุดรวมฝั่งไคลเอนต์

ไฟล์และสิ่งที่นำเข้าจากไฟล์จะถูกตัดออกจากชุดรวมฝั่งไคลเอนต์ ข้อมูลลับจึงยังคงเป็นความลับ

ตัวแปรสภาพแวดล้อม

ใช้ $env/static/private สำหรับข้อมูลลับที่ต้องการให้ใช้งานเฉพาะบนเซิร์ฟเวอร์

import { DB_URL } from "$env/static/private";

การเชื่อมต่อฐานข้อมูล

เริ่มต้นไคลเอนต์ฐานข้อมูลในโมดูล $lib/server เพื่อไม่ให้ไคลเอนต์เข้าถึงได้

การใช้ร่วมกับ +page.js

หากมีทั้งสองไฟล์ การโหลดฝั่งเซิร์ฟเวอร์จะทำงานก่อน แล้วส่งผลลัพธ์ต่อให้กับการโหลดแบบสากล

การดำเนินการของแบบฟอร์ม

ไฟล์ที่ใช้เฉพาะบนเซิร์ฟเวอร์ยังใช้เป็นที่เก็บตัวจัดการการดำเนินการของแบบฟอร์มได้ด้วย (จะเรียนในหลักสูตรถัดไป)

การยืนยันตัวตน

อ่านคุกกี้และข้อมูลเซสชันที่นี่ ตั้งส่วนหัวผ่านตัวช่วย cookies

ประสิทธิภาพ

การโหลดฝั่งเซิร์ฟเวอร์ทำงานกับทุกคำขอ จึงควรใช้แคชอย่างรอบคอบด้วยการแคช HTTP หรือการจดจำผลลัพธ์

ความปลอดภัยด้านชนิดข้อมูล

ชนิดข้อมูลจากการโหลดฝั่งเซิร์ฟเวอร์จะส่งต่อไปยังหน้าโดยอัตโนมัติผ่าน ./$types

ตรวจสอบอย่างรวดเร็ว

โค้ด +page.server.js ทำงานที่ใด

ตอบคำถามในบทเรียนแบบโต้ตอบ

สรุปทบทวน

ใช้ +page.server.js สำหรับตรรกะที่ใช้เฉพาะบนเซิร์ฟเวอร์ ไฟล์นี้จะไม่รวมอยู่ในชุดรวมฝั่งไคลเอนต์

เริ่มต้นได้ฟรี

เรียนรู้ HTML ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
41
บทเรียน
163
เริ่มเรียนฟรีดูหลักสูตรเต็ม

คำถามที่พบบ่อย

บทเรียน “+page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “+page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “+page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์”

เก็บข้อมูลลับและการเรียกฐานข้อมูลไว้บนเซิร์ฟเวอร์โดยใช้ +page.server.js คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน

บทเรียน “+page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม

ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. ฟังก์ชันโหลด +page.js
  2. การส่งคืนข้อมูลและการใช้ $page.data
  3. การจัดการข้อผิดพลาดใน load
  4. +page.server.js สำหรับตรรกะเฉพาะเซิร์ฟเวอร์
← กลับไปที่ Sveltejs Academy