Rumah > hujung hadapan web > tutorial js > Tutorial penggunaan ekspres Nodejs (dengan kod)

Tutorial penggunaan ekspres Nodejs (dengan kod)

PHPz
Lepaskan: 2018-10-13 16:12:55
asal
1313 orang telah melayarinya

Express ialah rangka kerja pembangunan aplikasi web node.js yang ringkas dan fleksibel Ia menyediakan satu siri ciri berkuasa untuk membantu anda mencipta pelbagai aplikasi web dan peranti mudah alih.

1.ekspresikan struktur organisasi

demo apl

|---node_modules------untuk Pemasangan modul tempatan.
|---awam------------ digunakan untuk menyimpan fail yang boleh dimuat turun oleh pengguna, seperti gambar, skrip, helaian gaya, dsb.
|---laluan------------ digunakan untuk menyimpan fail penghalaan.
|---pandangan------------- Digunakan untuk menyimpan templat untuk halaman web.
|---app.js------------Skrip permulaan aplikasi.
|---package.json------Fail konfigurasi projek.

2.. Buat pelayan ekspres

//app.js文件
var express = require('express');
var app = express();
//指定更目录显示的内容
app.get('/', function(req, res){
 res.send('Hello World');
});
//指定监听端口
var server = app.listen(3000, function() {
  console.log('Listening on port %d', server.address().port);
});
Salin selepas log masuk

Jalankan aplikasi nodejs

/>node app.js

3. Middleware

Middleware ialah fungsi yang mengendalikan permintaan HTTP.
Apabila HTTP. permintaan memasuki pelayan, instance pelayan akan memanggil middleware pertama Selepas selesai, ia akan memutuskan sama ada untuk memanggil middleware seterusnya mengikut tetapan

Parameter bagi middleware ialah:

. Apabila terdapat empat - yang pertama ialah pengendalian ralat, yang kedua ialah permintaan pelanggan, yang ketiga ialah tindak balas pelayan, dan yang keempat ialah perisian tengah seterusnya seperti fungsi(ralat, permintaan, tindak balas, seterusnya){}< . -klien pertama meminta permintaan, dan yang kedua bertindak balas kepada fungsi tindak balas pelayan Seperti fungsi(permintaan, respons){}

4 🎜>penggunaan ialah kaedah ekspres untuk memanggil perisian tengah, yang mengembalikan fungsi.

5
app.use(function(request, response) {
 response.writeHead(200, { "Content-Type": "text/plain" });
 response.end("Hello world!\n");
});
Salin selepas log masuk

6 Penghalaan

app.use(express.bodyParser());//使用body参数
app.use(express.methodOverride());//使用函数覆盖
app.use(app.router);//使用路由
app.use(function(err, req, res, next){
 console.error(err.stack);
 res.send(500, &#39;Something broke!&#39;);
});//错误内容显示
Salin selepas log masuk

Terdapat banyak cara untuk laluan ekspres contoh yang biasa digunakan: .app.use('/', middleware);//Apabila mendapat/menyiarkan, pemprosesan laluan /.app.get("/", middleware );//Apabila masuk ke http, pemprosesan laluan/

.app.post("/", middleware);//Apabila menyiarkan dalam http, pemprosesan laluan/ / Memproses

.app.put ("/", middleware);//Apabila memasukkan http, pemprosesan laluan/.app.delete("/", middleware);//Padam dalam http Semasa memproses laluan/

.: Tangkap kandungan laluan





8 Set pembolehubah persekitaran ditetapkan set digunakan untuk menentukan nilai pembolehubah.

app.set("view engine", "ejs");//Gunakan ejs sebagai templat

app.get("*", function(request, response) {
 response.end("404!");
});//所有路径都返回404
Salin selepas log masuk
9 🎜>

.Redirect redirect

app.get("/hello/:who", function(req, res) {
 res.end("Hello, " + req.params.who + ".");
});//如"/hello/alice”网址,网址中的alice将被捕获,作为req.params.who属性的值
Salin selepas log masuk
response.redirect("/hello/anime");//Redirect to /hello/anime

.Hantar fail hantarFail response.sendFile("/path/to/anime.mp4");

Paparkan pemaparan templat halaman web, iaitu memuatkan kandungan yang diubah ke dalam halaman web .

response.render("index", { message: "Hello World" });//Lepaskan pembolehubah mesej ke dalam templat indeks, dengan nilai "Hello World" dipaparkan ke dalam halaman web HTML

10. Kaedah objek requst

Dapatkan alamat ip pelanggan: request.ip


11. Pakej skrip permulaan.json

package.json digunakan untuk menentukan maklumat apl, nombor versi nodejs dan kebergantungan komponen lain


12.app entrance app.js

app.js terutamanya termasuk penciptaan http, penghalaan asas, dan nombor port pendengaran

13 Paparan templat halaman web dinamik

folder paparan digunakan untuk menyimpan semua templat halaman web.

{
  "name": "demo",
  "description": "My First Express App",
  "version": "0.0.1",
  "dependencies": {
   "express": "3.x"
  }
}
Salin selepas log masuk

14. Tentukan direktori halaman web statik

//app.js
app.use(express.static('public')) ;/ /Nyatakan direktori halaman web statik Apabila penyemak imbas menghantar permintaan untuk fail bukan HTML, pelayan akan pergi ke direktori awam untuk mencari fail

Contohnya:, pelayan akan pergi. ke direktori awam/bootstrap/css/ untuk mencari Fail bootstrap.css

Baiklah, tutorial ini akan diperkenalkan kepada anda di sini. Kami akan terus mengemas kini anda pada masa hadapan sokongan berterusan terhadap laman web PHP Cina.

【Tutorial berkaitan yang disyorkan】

1 Tutorial video JavaScript
2 Manual dalam talian JavaScript
3 tutorial bootstrap

Label berkaitan:
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