Rumah > Artikel > hujung hadapan web > nodejs menetapkan halaman utama
nodejs menetapkan halaman utama
- 王林asal
- 2023-05-17 09:49:36605semak imbas
Node.js ialah persekitaran masa jalan JavaScript sumber terbuka yang boleh digunakan untuk membina aplikasi dan pelayan rangkaian berprestasi tinggi. Apabila membangunkan aplikasi web, adalah perlu untuk menyediakan halaman utama supaya pengguna boleh melihatnya dahulu apabila mereka melawat tapak anda. Dalam artikel ini, kita akan membincangkan cara menyediakan halaman utama menggunakan Node.js.
Langkah 1: Buat aplikasi asas Node.js
Mula-mula, pasang Node.js pada komputer anda Sila rujuk dokumentasi rasmi untuk kaedah pemasangan.
Kedua, cipta folder baharu dan masukkan arahan berikut:
mkdir node-app cd node-app
Kemudian, mulakan aplikasi Node.js baharu menggunakan arahan baris arahan:
npm init
Ikuti Prompt untuk maklumat permohonan anda dan anda akan mendapat fail package.json. Fail ini mengandungi maklumat asas tentang aplikasi dan senarai semua pakej bergantung.
Langkah 2: Pasang pakej pergantungan yang diperlukan
Dalam Node.js, terdapat banyak modul dan rangka kerja pihak ketiga untuk dipilih dan anda boleh menggunakan salah satu daripadanya untuk menyediakan halaman utama anda .
Di sini, kami akan menyediakan halaman utama mudah menggunakan rangka kerja Express sebagai contoh.
Gunakan arahan berikut untuk memasang rangka kerja Express:
npm install express --save
Antaranya, pilihan --save adalah untuk menambah pakej dependensi ini pada senarai dependencies fail package.json.
Langkah 3: Buat halaman utama ringkas
Buat folder baharu dan buat fail bernama index.html di dalamnya, masukkan kod HTML asas berikut:
<!DOCTYPE html>
<html>
<head>
<title>我的主页</title>
</head>
<body>
<h1>欢迎来到我的主页！</h1>
<p>这是我的个人主页，谢谢您的访问！</p>
</body>
</html>Simpan ini index.html fail dalam projek anda.
Langkah 4: Sediakan aplikasi Express untuk membalas permintaan HTTP
Buka fail app.js dan masukkan kod berikut:
const express = require('express');
const app = express();
app.use(express.static(__dirname + '/public'));
app.get('/', (req, res) => {
res.sendFile(__dirname + '/public/index.html');
});
const server = app.listen(3000, () => {
console.log('应用程序已经启动并运行在 http://localhost:3000');
});Kod ini menggunakan rangka kerja Express untuk mencipta baharu Untuk aplikasi, tetapkan direktori fail statik kepada direktori awam, dan kemudian sediakan laluan untuk membalas permintaan HTTP untuk laluan akar. Apabila aplikasi menerima permintaan untuk laluan akar, ia bertindak balas dengan fail index.html.
Akhir sekali, jalankan aplikasi menggunakan arahan baris arahan:
node app.js
Seterusnya, buka pelayar web anda dan masukkan http://localhost:3000 dan jika semuanya berjalan lancar, anda akan melihat bahawa anda ' s laman utama.
Ringkasan
Artikel ini memperkenalkan cara menggunakan Node.js dan rangka kerja Express untuk menyediakan halaman utama asas. Anda boleh menggunakan tutorial yang disediakan dalam artikel ini dan memanjangkannya untuk mencipta aplikasi web yang lebih kaya. Node.js mempunyai alatan berkuasa yang boleh membantu anda meningkatkan prestasi aplikasi web anda. Komuniti Node.js dan komuniti pembangun sangat aktif, dan anda boleh mendapatkan lebih banyak bantuan dan sumber dengan membaca dokumentasi dan mengambil bahagian dalam komuniti.
Atas ialah kandungan terperinci nodejs menetapkan halaman utama. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!