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); });
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.
app.use(function(request, response) { response.writeHead(200, { "Content-Type": "text/plain" }); response.end("Hello world!\n"); });
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, 'Something broke!'); });//错误内容显示
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 laluan8 Set pembolehubah persekitaran ditetapkan set digunakan untuk menentukan nilai pembolehubah.
app.set("view engine", "ejs");//Gunakan ejs sebagai templatapp.get("*", function(request, response) { response.end("404!"); });//所有路径都返回404
.Redirect redirect
app.get("/hello/:who", function(req, res) { res.end("Hello, " + req.params.who + "."); });//如"/hello/alice”网址,网址中的alice将被捕获,作为req.params.who属性的值
.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
12.app entrance app.js
app.js terutamanya termasuk penciptaan http, penghalaan asas, dan nombor port pendengaran13 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" } }
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