Panduan ini menunjukkan kepada anda cara menyimpan aplikasi SvelteKit anda untuk penggunaan dan pengurusan yang dipermudahkan. Ingat: ini untuk SvelteKit, bukan Svelte!

Menyediakan

Jika anda kekurangan projek SvelteKit, buat satu:

npx sv create my-svelte-app --template demo --types ts

Seterusnya, konfigurasikan SvelteKit untuk menggunakan adapter-node untuk keserasian Node.js, penting untuk kontena. Pasangnya:

npm i -D @sveltejs/adapter-node

Ubah suai svelte.config.js:

// svelte.config.js
- import adapter from '@sveltejs/adapter-auto';
+ import adapter from '@sveltejs/adapter-node';

Sekarang, buat Dockerfile anda. Ini mengarahkan Docker untuk membina dan menjalankan aplikasi anda:

# Builder stage
FROM node:22-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
RUN npm prune --production

# Final stage
FROM node:22-alpine
WORKDIR /app
COPY --from=builder /app/build build/
COPY --from=builder /app/node_modules node_modules/
COPY package.json .
EXPOSE 3000
ENV NODE_ENV=production
CMD [ "node", "build" ]

Ini Dockerfile menggunakan binaan berbilang peringkat. Peringkat pembina menyusun apl anda dan peringkat akhir mencipta imej masa jalan yang lebih ramping.

Untuk menyelaraskan proses binaan, cipta fail .dockerignore:

<code>Dockerfile
.dockerignore
.git
.gitignore
.gitattributes
README.md
.npmrc
.prettierrc
.eslintrc.cjs
.graphqlrc
.editorconfig
.svelte-kit
.vscode
node_modules
build
package
**/.env</code>

Secara amnya, pasang semua kebergantungan sebagai devDependencies (menggunakan npm i -D <package>). Ini membolehkan SvelteKit menggabungkannya, mengalih keluar import yang tidak digunakan. Walau bagaimanapun, jika anda menghadapi masalah seperti __dirname tidak ditentukan semasa binaan, pasang pakej sebagai pergantungan biasa. Jika semua kebergantungan adalah devDependencies, anda boleh meninggalkan penyalinan node_modules dalam peringkat Docker akhir, seterusnya meminimumkan saiz imej.

Bina imej Docker anda:

docker build -t my-sveltekit-app .

Jalankan aplikasi kontena:

docker run -p 3000:3000 my-sveltekit-app

Akses apl anda di http://localhost:3000.

Pembolehubah Persekitaran

SvelteKit menawarkan empat cara untuk mengurus pembolehubah persekitaran: $env/dynamic/private, $env/dynamic/public, $env/static/private dan $env/static/public. Ingat bahawa platform penggunaan yang berbeza mengendalikan ini secara berbeza; rujuk dokumentasi mereka.

Untuk tindakan borang dan ciri sisi pelayan, tetapkan pembolehubah persekitaran ORIGIN dengan betul untuk mengelakkan ralat POST merentas tapak:

docker run -p 3000:3000 -e ORIGIN=http://localhost:3000 my-sveltekit-app

Ganti http://localhost:3000 dengan domain pengeluaran anda.

Pengoptimuman Pengeluaran

1. Pemeriksaan Kesihatan: Tambahkan /health titik akhir dan gunakan arahan HEALTHCHECK Docker:

HEALTHCHECK --interval=30s --timeout=3s \
  CMD wget --no-verbose --tries=1 --spider http://localhost:3000/health || exit 1

2. Had Memori: Tetapkan had memori Node.js:

docker run -p 3000:3000 -e NODE_OPTIONS="--max-old-space-size=512" my-sveltekit-app

3. Pengimbasan Keselamatan: Imbas kerap untuk mencari kelemahan:

docker scout quickview

Kesimpulan

Anda kini telah menyimpan aplikasi SvelteKit anda. Untuk penempatan, pertimbangkan sliplane.io.

Atas ialah kandungan terperinci Bagaimana untuk Dockerize SvelteKit. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!