nodejs menetapkan halaman utama

王林
Lepaskan: 2023-05-17 09:49:36
asal
565 orang telah melayarinya

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
Salin selepas log masuk

Kemudian, mulakan aplikasi Node.js baharu menggunakan arahan baris arahan:

npm init
Salin selepas log masuk

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
Salin selepas log masuk

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>
Salin selepas log masuk

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');
});
Salin selepas log masuk

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
Salin selepas log masuk

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!

sumber:php.cn
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!