Bagaimana untuk Dockerize SvelteKit

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:

<code class="language-bash">npx sv create my-svelte-app --template demo --types ts</code>

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

<code class="language-bash">npm i -D @sveltejs/adapter-node</code>

Ubah suai svelte.config.js:

<code class="language-javascript">// svelte.config.js
- import adapter from '@sveltejs/adapter-auto';
+ import adapter from '@sveltejs/adapter-node';</code>

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

<code class="language-dockerfile"># 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" ]</code>

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:

<code class="language-bash">docker build -t my-sveltekit-app .</code>

Jalankan aplikasi kontena:

<code class="language-bash">docker run -p 3000:3000 my-sveltekit-app</code>

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:

<code class="language-bash">docker run -p 3000:3000 -e ORIGIN=http://localhost:3000 my-sveltekit-app</code>

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

Pengoptimuman Pengeluaran

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

<code class="language-dockerfile">HEALTHCHECK --interval=30s --timeout=3s \
  CMD wget --no-verbose --tries=1 --spider http://localhost:3000/health || exit 1</code>

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

<code class="language-bash">docker run -p 3000:3000 -e NODE_OPTIONS="--max-old-space-size=512" my-sveltekit-app</code>

3. Pengimbasan Keselamatan: Imbas kerap untuk mencari kelemahan:

<code class="language-bash">docker scout quickview</code>

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!