Nodejs menggunakan projek bahagian hadapan pada pelayan

Dalam pembangunan bahagian hadapan, Node.js telah menjadi peranan yang sangat penting. Ia bukan sahaja membantu kami mengurus kebergantungan, tetapi juga membantu kami membina pelayan yang mudah dan mudah digunakan untuk penyahpepijatan semasa membangun secara tempatan. Tetapi apabila meletakkan projek bahagian hadapan ke dalam persekitaran pengeluaran, kami perlu menggunakan pelayan Node.js untuk memastikan projek kami boleh berjalan dengan lancar pada pelayan.

Artikel ini akan menerangkan cara menggunakan Node.js untuk menggunakan projek bahagian hadapan ke pelayan. Ia terutamanya termasuk langkah berikut:

1. Sahkan persekitaran pelayan

Sebelum penggunaan, kami perlu mengesahkan sama ada persekitaran Node.js telah dipasang pada pelayan. Jika ia tidak dipasang, anda boleh mengikuti langkah di bawah untuk memasangnya:

• Buka terminal dan masukkan arahan berikut untuk memasang Node.js:

sudo apt install nodejs

• Untuk mengesahkan sama ada pemasangan berjaya, masukkan Perintah berikut menyemak versi Node.js:

node -v

Jika nombor versi Node.js muncul, ini bermakna ia telah berjaya dipasang.

2. Sahkan kebergantungan projek bahagian hadapan

Untuk menggunakan projek bahagian hadapan, anda perlu mengesahkan sama ada semua perpustakaan atau pemalam yang bergantung kepada projek itu telah dipasang. Anda boleh melihat semua kebergantungan dengan menjalankan arahan berikut dalam persekitaran pembangunan setempat anda:

npm list

Arahan ini akan menyenaraikan semua pustaka dalam folder node_modules dan kebergantungan mereka. Jika kebergantungan berubah, anda perlu mengemas kininya dengan arahan berikut:

npm install

3. Tulis skrip pelayan

Selepas persekitaran pelayan dan kebergantungan projek bahagian hadapan disahkan, kami Skrip perlu ditulis untuk memulakan pelayan. Berikut ialah contoh kod skrip pelayan Node.js yang ringkas:

const express = require('express')
const app = express()

app.use(express.static('public'))

app.listen(3000, () => {
  console.log('App listening on port 3000!')
})

Kod sampel ini menggunakan rangka kerja Express untuk mendedahkan fail statik (seperti HTML, CSS dan JavaScript) dalam folder public pada pelayan . Lawati localhost:3000 dalam penyemak imbas anda untuk melihat fail statik.

Jika aplikasi bahagian hadapan anda ialah aplikasi halaman tunggal (SPA), anda mungkin mahu menjadikan semua laluan menghala ke index.html dan bukannya cuba memuatkan fail HTML yang sepadan dengan laluan. Berikut ialah contoh kod untuk mengkonfigurasi pemetaan laluan melalui Node.js:

app.get('*', function(req, res) {
  res.sendFile(path.join(__dirname, 'public/index.html'))
})

Coretan kod di atas akan mengkonfigurasi respons yang sama untuk semua permintaan, iaitu cari public dalam direktori index.html dan mengembalikannya sebagai tindak balasnya.

4. Kerahkan projek ke pelayan

Cara terbaik untuk menggunakan kod ke pelayan ialah menggunakan Git. Berikut ialah langkah contoh:

• Sambung ke repositori Git melalui SSH pada pelayan Mula-mula anda perlu memasang Git:

sudo apt-get install git

• Buat folder projek. :

mkdir project_name && cd project_name

• Klon projek:

git clone git@github.com:<your_username>/<your_repository_name>.git ./

• Pasang perpustakaan bergantung:

npm install

• Salin skrip pelayan kepada fail projek Folder:

cp /path/to/server.js ./

5. Gunakan PM2 untuk mengurus pelayan

Selepas melengkapkan langkah di atas, anda boleh menggunakan Node.js untuk menjalankan aplikasi pada pelayan. Walau bagaimanapun, jika pelayan ranap atau aplikasi berkelakuan tidak normal, anda mungkin perlu memulakan semula pelayan dan aplikasi secara manual. Oleh itu, kita perlu menggunakan pengurus proses, dan PM2 ialah pilihan yang baik.

Mula-mula anda perlu memasang PM2 pada pelayan:

sudo npm install pm2 -g

Seterusnya, kami menggunakan arahan PM2 untuk menjalankan pelayan di latar belakang:

pm2 start server.js --name=<app_name>

di mana app_name berada nama yang anda berikan projek itu. Anda boleh melihat senarai aplikasi yang dijalankan oleh PM2 menggunakan arahan berikut:

pm2 list

Tutup aplikasi menggunakan arahan berikut:

pm2 stop <app_name>

Mulakan semula aplikasi menggunakan arahan berikut:

pm2 restart <app_name>

Dalam artikel ini, Kami menerangkan cara menggunakan Node.js untuk menggunakan projek bahagian hadapan ke pelayan. Berbekalkan pengetahuan ini, anda seharusnya dapat menggunakan projek hadapan anda dengan lancar ke dalam persekitaran pengeluaran dan mengurus proses melalui PM2.

Atas ialah kandungan terperinci Nodejs menggunakan projek bahagian hadapan pada pelayan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!