Rumah > hujung hadapan web > tutorial js > Cara menggunakan aplikasi Node.js Express pada Netlify (4)

Cara menggunakan aplikasi Node.js Express pada Netlify (4)

DDD
Lepaskan: 2024-11-10 10:57:02
asal
1035 orang telah melayarinya

Netlify tidak memudahkan untuk mengehoskan apl web Express. Saya harap anda akan mendapati panduan ini berguna.

Langkah

  • Struktur apl anda dengan cara yang serupa seperti di bawah:

How to deploy a Node.js Express app on Netlify (4)

  • Ikuti panduan ini https://docs.netlify.com/frameworks/express/ . Saya memadamkan node_bundler = "esbuild" kerana ia melemparkan ralat ESM dan semuanya berfungsi dengan baik tanpa mengira.
  • Apabila membuat fail netlify.toml pastikan ubah hala khusus untuk API dan mana-mana titik akhir yang anda mahu sajikan melalui Express. Ubah hala umum (iaitu "/*") akan mengacaukan siaran CDN dan fail statik anda.

How to deploy a Node.js Express app on Netlify (4)

  • (Pilihan) Gunakan fail pelayan setempat untuk pembangunan untuk memastikan perkara lebih kemas seperti imej:

How to deploy a Node.js Express app on Netlify (4)

  • Pakej.json boleh kelihatan seperti ini:

     "scripts": {
        "start": "node ./functions/server.js",
        "build": "netlify deploy --prod",
        "build-dev": "NODE_ENV=development webpack --mode development --watch",
        "dev": "NODE_ENV=development node server-local.js",
        "dev-watch": "NODE_ENV=development nodemon --exec node server-local.js",
    },
    
    Salin selepas log masuk
  • Tulis kod server.mjs anda seperti imej:

How to deploy a Node.js Express app on Netlify (4)

  • Di dalam index.html dan fail .html yang lain, laluan ke CSS, JS dan aset lain paling sesuai ditetapkan kepada CDN yang akan berfungsi dalam kedua-dua pembangun dan pengeluaran iaitu:


  • Lari netlify dev pada konsol untuk menguji sebelum penggunaan

Pengajaran utama

  • Apl server.js atau server.mjs hanya mempunyai akses kepada /netlify/functions. Folder 'awam' atau 'dist' atau 'statik' tidak akan ditambahkan pada folder netlify melainkan dinyatakan secara eksplisit dalam fail netlify.toml menggunakan arahan
[functions]
  included_files = [
    "static/views/**"  # Include all files in static/views for server-side access
  ] 
Salin selepas log masuk
  • Aset statik disediakan dengan lebih baik oleh CDN Netlify, yang akan berlaku secara automatik jika dalam fail netlify.toml anda menggunakan arahan
[build]
  publish = "static"  # Static assets to be served by Netlify's CDN. Folder defaults to public
Salin selepas log masuk
  • Pernyataan Console.log di luar titik akhir penghala tidak ditunjukkan pada konsol.

Atas ialah kandungan terperinci Cara menggunakan aplikasi Node.js Express pada Netlify (4). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
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