Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Dockerize SvelteKit

Bagaimana untuk Dockerize SvelteKit

DDD
Lepaskan: 2025-01-19 12:29:09
asal
342 orang telah melayarinya

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:

1

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

Salin selepas log masuk

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

1

npm i -D @sveltejs/adapter-node

Salin selepas log masuk

Ubah suai svelte.config.js:

1

2

3

// svelte.config.js

- import adapter from '@sveltejs/adapter-auto';

+ import adapter from '@sveltejs/adapter-node';

Salin selepas log masuk

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

# 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" ]

Salin selepas log masuk

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:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<code>Dockerfile

.dockerignore

.git

.gitignore

.gitattributes

README.md

.npmrc

.prettierrc

.eslintrc.cjs

.graphqlrc

.editorconfig

.svelte-kit

.vscode

node_modules

build

package

**/.env</code>

Salin selepas log masuk

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:

1

docker build -t my-sveltekit-app .

Salin selepas log masuk

Jalankan aplikasi kontena:

1

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

Salin selepas log masuk

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

How to Dockerize SvelteKit

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:

1

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

Salin selepas log masuk

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

Pengoptimuman Pengeluaran

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

1

2

HEALTHCHECK --interval=30s --timeout=3s \

  CMD wget --no-verbose --tries=1 --spider http://localhost:3000/health || exit 1

Salin selepas log masuk
  1. Had Memori: Tetapkan had memori Node.js:

1

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

Salin selepas log masuk
  1. Pengimbasan Keselamatan: Imbas kerap untuk mencari kelemahan:

1

docker scout quickview

Salin selepas log masuk

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!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan