Rumah hujung hadapan web Soal Jawab bahagian hadapan nodej penggunaan bahagian hadapan web

nodej penggunaan bahagian hadapan web

May 23, 2023 pm 02:55 PM

Kini, pembangunan bahagian hadapan semakin popular, dan semakin ramai pengaturcara mula melibatkan diri dalam bidang ini. Pada masa yang sama, terdapat permintaan yang semakin meningkat untuk pembangun bahagian hadapan untuk memikul lebih banyak tanggungjawab dalam projek, termasuk pembangunan bahagian hadapan web, pembangunan bahagian belakang Node.js, penggunaan dan pemantauan.

Dalam artikel ini, kami akan menumpukan pada cara menggunakan perkhidmatan Node.js, yang boleh digunakan dalam persekitaran pengeluaran sebenar. Jika anda ingin membangun dalam bidang web front-end, ini akan menjadi titik permulaan yang baik.

Langkah 1: Sediakan pelayan

Sebelum memasang Node.js, kita perlu menyediakan pelayan Ubuntu. Kami akan menggunakan pelayan ini untuk menjalankan aplikasi Node.js.

Dengan platform pengkomputeran awan seperti OpenShift dan Heroku, menjalankan program Node.js adalah sangat mudah. Walau bagaimanapun, dalam artikel ini, kami akan menganggap bahawa anda telah memperoleh dan mengkonfigurasi pelayan peribadi.

Langkah 2: Pasang Node.js

Untuk memasang Node.js, kami akan menggunakan pengurus pakej apt. Kita perlu memasang Node.js dan npm (pengurus pakej node.js). Jalankan arahan berikut untuk memasang Node.js pada pelayan Ubuntu anda:

sudo apt-get update
sudo apt-get install nodejs npm
Salin selepas log masuk

Sila ambil perhatian bahawa kadangkala anda perlu memasang pakej nodejs dan nodejs-legacy secara berasingan:

sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install nodejs-legacy npm
Salin selepas log masuk

Setelah pemasangan selesai, kami Anda boleh menyemak versi Node.js menggunakan arahan berikut:

nodejs -v
Salin selepas log masuk

Perintah ini harus mencetak nombor versi Node.js yang telah anda pasang.

Langkah 3: Sediakan akses firewall

Kita perlu memastikan bahawa perkhidmatan Node.js boleh diakses dari luar. Jadikannya boleh diakses oleh pelayan lain dengan membuka port tembok api pelayan.

Secara lalai, pelayan Ubuntu disertakan dengan tembok api ufw. Untuk membenarkan akses luaran kepada aplikasi anda, anda perlu mengarahkan trafik TCP ke hos. Sila jalankan arahan berikut untuk membuka port.

sudo ufw allow 8080/tcp
Salin selepas log masuk

Dalam banyak kes, anda perlu mengarahkan port ke nombor port yang masuk akal kepada anda (iaitu 80 atau 443) kerana ini adalah port biasa untuk perkhidmatan web. Walau bagaimanapun, untuk kepentingan ringkas, kami akan memilih port 8080 di sini. Setelah aplikasi anda berjalan dengan betul, anda boleh memindahkannya ke port ini.

Langkah 4: Tulis Aplikasi

Untuk menggunakan aplikasi Node.js kami, kami perlu menulis contoh aplikasi mudah. Buka editor kegemaran anda dan buat fail bernama app.js. Tambahkan kandungan berikut di sana:

var http = require('http');

http.createServer(function (request, response) {
  response.writeHead(200, {'Content-Type': 'text/plain'});
  response.end('Hello World
');
}).listen(8080);

console.log('Server running at http://YOUR_IP_ADDRESS:8080/');
Salin selepas log masuk

di mana YOUR_IP_ADDRESS ialah alamat IP pelayan anda.

Selepas anda memasang Node.js dan npm, taip arahan berikut untuk memasang pakej http ke dalam aplikasi anda:

npm install http
Salin selepas log masuk

Apakah maksud kod ini? Kami sedang mencipta pelayan HTTP mudah yang akan mendengar pada port 8080 untuk semua trafik masuk apabila dilaksanakan. Pada setiap permintaan, pelayan akan membalas dengan "Hello World".

Menambahkan pernyataan console.log pada kod yang memaparkan alamat IP dan nombor port yang digunakan oleh pelayan. Apabila anda menjalankan aplikasi, anda akan melihat output ini dalam terminal. Ini akan membantu anda mengesahkan sama ada aplikasi sedang berjalan dan URL yang sedang diakses.

Langkah Lima: Jalankan Aplikasi

Aplikasi kami sudah sedia, sekarang mari jalankan! Kembali ke terminal dan tukar ke direktori di mana fail app.js berada. Di sana, anda boleh memasukkan arahan berikut:

node app.js
Salin selepas log masuk

Ini akan melancarkan aplikasi anda. Aplikasi akan berjalan di latar belakang dan mula berjalan pada port pelayan anda 8080. Alamat IP dalam penyemak imbas atau dalam arahan curl sebagai permintaan GET akan menghantar "Hello World" kepada anda.

Langkah Enam: Sediakan Kegigihan

Walaupun adalah perkara biasa untuk menggunakan arahan untuk melancarkan aplikasi pada pelayan, dalam persekitaran pengeluaran sebenar anda mungkin mendapati diri anda terpaksa bergantung pada alatan pengurusan pelayan untuk automasi dan proses pemantauan.

Untuk membolehkan aplikasi dimulakan secara automatik setiap kali selepas pelayan dimulakan semula, anda perlu mencipta perkhidmatan Systemd. Systemd ialah sistem permulaan yang digunakan dalam banyak pengedaran Linux yang boleh mengurus dan memantau proses sistem.

Untuk melakukan ini, taip arahan berikut dalam Ubuntu:

sudo nano /etc/systemd/system/YOUR_APP.service
Salin selepas log masuk

Sila ganti YOUR_APP dengan nama sebenar aplikasi. Tambahkan yang berikut pada fail:

[Unit]
Description=YOUR_APP
After=syslog.target network.target

[Service]
Environment=NODE_PORT=8080
Type=simple
User=YOUR_USERNAME
ExecStart=/usr/bin/node /path/to/your/app.js
Restart=on-failure

[Install]
WantedBy=multi-user.target
Salin selepas log masuk

Dalam kod di atas, perubahan berikut diperlukan:

-YOUR_APP: nama aplikasi

-NODE_PORT: aplikasi Port untuk mendengar pada

- YOUR_USERNAME: Pengguna untuk menjalankan perkhidmatan di bawah

- /path/to/your/app.js: Laluan sebenar ke fail aplikasi

Seterusnya, anda perlu membenarkan Systemd memuat semula dan memulakan perkhidmatan tersuai. Taip perintah berikut untuk menyalin fail anda ke direktori yang betul dan muat semula perkhidmatan:

sudo systemctl daemon-reload
sudo systemctl enable YOUR_APP
sudo systemctl start YOUR_APP
Salin selepas log masuk

Pada ketika ini, aplikasi anda dikonfigurasikan untuk bermula dengan Systemd. Anda boleh melihat status aplikasi menggunakan arahan berikut:

sudo systemctl status YOUR_APP
Salin selepas log masuk

Langkah 7: Jalankan arahan tersuai

Kini anda boleh menggunakan Systemd untuk menjalankan aplikasi secara automatik selepas pelayan dimulakan semula. Walau bagaimanapun, anda juga boleh menggunakan pengurusan Systemd untuk menyesuaikan arahan yang akan dijalankan dalam masa tertentu.

Sebagai contoh, anda boleh menggunakan arahan berikut untuk menutup aplikasi semasa penggunaan kemas kini:

sudo systemctl stop YOUR_APP
Salin selepas log masuk

Kemudian, selepas kemas kini selesai, mulakan semula aplikasi:

sudo systemctl start YOUR_APP
Salin selepas log masuk

Anda telah berjaya Menggunakan aplikasi Node.js anda dalam persekitaran pengeluaran sebenar. Ini adalah titik permulaan yang bagus untuk menjadikan aplikasi anda boleh diakses oleh pembangun dan pelanggan anda.

Atas ialah kandungan terperinci nodej penggunaan bahagian hadapan web. 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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Peranan React dalam HTML: Meningkatkan Pengalaman Pengguna Peranan React dalam HTML: Meningkatkan Pengalaman Pengguna Apr 09, 2025 am 12:11 AM

React menggabungkan JSX dan HTML untuk meningkatkan pengalaman pengguna. 1) JSX membenamkan HTML untuk menjadikan pembangunan lebih intuitif. 2) Mekanisme DOM maya mengoptimumkan prestasi dan mengurangkan operasi DOM. 3) UI pengurusan berasaskan komponen untuk meningkatkan kebolehkerjaan. 4) Pengurusan negeri dan pemprosesan acara meningkatkan interaktiviti.

Apakah batasan sistem kereaktifan Vue 2 berkenaan dengan perubahan array dan objek? Apakah batasan sistem kereaktifan Vue 2 berkenaan dengan perubahan array dan objek? Mar 25, 2025 pm 02:07 PM

Sistem Reaktiviti Vue 2 bergelut dengan tetapan indeks array langsung, pengubahsuaian panjang, dan penambahan/penghapusan harta benda objek. Pemaju boleh menggunakan kaedah mutasi Vue dan vue.set () untuk memastikan kereaktifan.

Komponen React: Membuat unsur -unsur yang boleh diguna semula di HTML Komponen React: Membuat unsur -unsur yang boleh diguna semula di HTML Apr 08, 2025 pm 05:53 PM

Komponen React boleh ditakrifkan oleh fungsi atau kelas, merangkumi logik UI dan menerima data input melalui prop. 1) Tentukan komponen: Gunakan fungsi atau kelas untuk mengembalikan elemen bertindak balas. 2) Rendering Component: React Call Render Kaedah atau Melaksanakan Komponen Fungsi. 3) Komponen multiplexing: Lulus data melalui prop untuk membina UI yang kompleks. Pendekatan kitaran hayat komponen membolehkan logik dilaksanakan pada peringkat yang berbeza, meningkatkan kecekapan pembangunan dan pemeliharaan kod.

Apakah faedah menggunakan TypeScript dengan React? Apakah faedah menggunakan TypeScript dengan React? Mar 27, 2025 pm 05:43 PM

TypeScript meningkatkan pembangunan React dengan menyediakan keselamatan jenis, meningkatkan kualiti kod, dan menawarkan sokongan IDE yang lebih baik, dengan itu mengurangkan kesilapan dan meningkatkan kebolehkerjaan.

React and the Frontend: Membina Pengalaman Interaktif React and the Frontend: Membina Pengalaman Interaktif Apr 11, 2025 am 12:02 AM

React adalah alat pilihan untuk membina pengalaman front-end interaktif. 1) React memudahkan pembangunan UI melalui komponen dan DOM maya. 2) Komponen dibahagikan kepada komponen fungsi dan komponen kelas. Komponen fungsi adalah lebih mudah dan komponen kelas menyediakan lebih banyak kaedah kitaran hayat. 3) Prinsip kerja React bergantung kepada algoritma DOM dan perdamaian maya untuk meningkatkan prestasi. 4) Pengurusan negeri menggunakan useState atau ini. Kaedah kitaran hayat seperti ComponentDidMount digunakan untuk logik tertentu. 5) Penggunaan asas termasuk membuat komponen dan pengurusan negeri, dan penggunaan lanjutan melibatkan cangkuk tersuai dan pengoptimuman prestasi. 6) Kesalahan biasa termasuk kemas kini status yang tidak betul dan isu prestasi, kemahiran debugging termasuk menggunakan reactdevtools dan sangat baik

Bagaimanakah anda boleh menggunakan UserEducer untuk Pengurusan Negeri Kompleks? Bagaimanakah anda boleh menggunakan UserEducer untuk Pengurusan Negeri Kompleks? Mar 26, 2025 pm 06:29 PM

Artikel ini menerangkan menggunakan UserEducer untuk Pengurusan Negeri Kompleks dalam React, memperincikan manfaatnya ke atas UseState dan bagaimana untuk mengintegrasikannya dengan useeffect untuk kesan sampingan.

Apakah komponen berfungsi dalam vue.js? Bilakah mereka berguna? Apakah komponen berfungsi dalam vue.js? Bilakah mereka berguna? Mar 25, 2025 pm 01:54 PM

Komponen fungsional dalam vue.js adalah cangkuk kitaran hidup, ringan, dan kekurangan kitaran, sesuai untuk memberikan data tulen dan mengoptimumkan prestasi. Mereka berbeza daripada komponen yang berkesudahan dengan tidak mempunyai keadaan atau kereaktifan, menggunakan fungsi render secara langsung, a

Bagaimana anda memastikan bahawa komponen React anda boleh diakses? Alat apa yang boleh anda gunakan? Bagaimana anda memastikan bahawa komponen React anda boleh diakses? Alat apa yang boleh anda gunakan? Mar 27, 2025 pm 05:41 PM

Artikel ini membincangkan strategi dan alat untuk memastikan komponen React boleh diakses, memberi tumpuan kepada HTML semantik, atribut ARIA, navigasi papan kekunci, dan kontras warna. Ia mengesyorkan menggunakan alat seperti ESLINT-PLUGIN-JSX-A11Y dan AXE-CORE untuk TESTI

See all articles