1.簡單認識express

express:：一個快速的網站開發框架，封裝了原生的http模塊，用起來更方便；API更人性化

特點

基于Node.js平臺之上，進一步封裝了 http 模塊，從而提供了更好用，更友好的 API

使用Express創建網站，比使用原生的http模塊更加方便；

Express 并沒有覆蓋 原生 http 模塊中的方法，而是基于 原生方法之上，做了更友好的封裝，讓用戶體驗更好

創建服務器

?

?

// npm install express -S const express = require('express')// 創建服務器 const app = express()// 監聽客戶端的請求 // 只有客戶端的請求類型是 get，并且 請求地址是 / 根路徑的時候， // 才會調用 后面指定的處理函數 app.get('/', (req, res) => {// express 中，封裝了更好用的 res.send 方法res.send('你好，express 服務器！') })// 監聽客戶端的post請求，并且請求的地址是 /adduser 的時候， // 才會調用后面指定的處理函數 app.post('/adduser', (req, res) => {res.send('服務器處理成功！') })// 啟動服務器 app.listen(4444, () => {console.log('express server running at http://127.0.0.1:4444') })

?express 中的快捷方法

res.send()

• 支持 發送 字符串?Content-Type: text/html;

• 支持 發送 對象 或 數組?Content-Type: application/json

• 支持 發送 Buffer 此時會當作文件下載；

const fs = require('fs') const path = require('path') // 導入 express 模塊 const express = require('express') // 創建 express 的服務器實例 const app = express()app.get('/', (req, res) => {// 1.發送普通文本// res.send('你好')// 2.發送對象或數組// res.send({ name: 'zs', age: 30 })// res.send(['zs', 'ls', 'zl'])// 3.發送Buffer二進制 1. 得到二進制 2. 使用send發送二進制fs.readFile(path.join(__dirname, './小明.mp3'), (err, buf) => {if (err) return res.send('發送文件失敗！')// 發送 Buffer 二進制 res.send(buf)}) })// 調用 app.listen 方法，指定端口號并啟動web服務器 app.listen(3001, function() {console.log('Express server running at http://127.0.0.1:3001') })

res.sendFile()

• 用法1：res.sendFile(path.join(__dirname, './view/index.html'))

• 用法2：res.sendFile('./view/movie.html', { root: __dirname })

• 注意：res.sendFile() 可以向瀏覽器發送 靜態頁面；

使用res.sendFile發送文件

// 導入 express 模塊 const express = require('express') const path = require('path') // 創建 express 的服務器實例 const app = express()app.get('/', (req, res) => {// 向客戶端發送文件// sendFile 必須發送絕對路徑，或提供 root 選項// res.sendFile(path.join(__dirname, './views/movie.html'))// 或者// res.sendFile('./views/movie.html', { root: __dirname })// 實現下載功能，使用sendFIle// res.sendFile(path.join(__dirname, './New Divide - J2 Feat_ Avery _ Alita- Battle Angel.mp3'))const filename = encodeURI('歌曲.mp3')res.sendFile('./New Divide - J2 Feat_ Avery _ Alita- Battle Angel.mp3', { root: __dirname, headers: { 'Content-Disposition': 'attachment; filename=' + filename } })// res.download('./New Divide - J2 Feat_ Avery _ Alita- Battle Angel.mp3', 'aaa.mp3', err => {// if (err) return console.log('文件下載失敗')// console.log('文件下載成功')// }) })// 調用 app.listen 方法，指定端口號并啟動web服務器 app.listen(3001, function() {console.log('Express server running at http://127.0.0.1:3001') })

?

向客戶端發送文件

const express = require('express') const path = require('path')const app = express()app.get('/', (req, res) => {// res.sendFile('直接傳遞一個絕對路徑')// res.sendFile(path.join(__dirname, './views/movie.html'))/* const name = encodeURI('一首歌曲.flac')res.sendFile('./蘇醒 - Stand Up Again.flac', {root: __dirname,headers: {'Content-Disposition': 'attachment; filename=' + name}}) */res.download('./New Divide - J2 Feat_ Avery _ Alita- Battle Angel.mp3', 'Battle.mp3', err => {if (err) return console.log('文件下載失敗！')console.log('下載完成！')}) })app.listen(3001, () => {console.log('server running at http://127.0.0.1:3001') })

?

點擊下載歌曲

const express = require('express')const app = express()app.get('/', (req, res) => {res.sendFile('./music.html', { root: __dirname }) })// 監聽客戶端的下載請求，返回一個具體的文件 app.get('/dowload/music', (req, res) => {res.download('./New Divide - J2 Feat_ Avery _ Alita- Battle Angel.mp3', 'Battle Angel.mp3', err => {if (err) return console.log('失敗了！')console.log('ok')}) })app.listen(3001, () => {console.log('server running at http://127.0.0.1:3001') })

music.html

<a href="/dowload/music">下載音樂</a>

?

使用express.static快速托管靜態資源

const express = require('express')const app = express()//#region 注釋 /* app.get('/', (req, res) => {res.sendFile('./views/home.html', { root: __dirname }) })app.get('/movie.html', (req, res) => {res.sendFile('./views/movie.html', { root: __dirname }) })app.get('/about.html', (req, res) => {res.sendFile('./views/about.html', { root: __dirname }) }) */ //#endregion// 使用 app.use 來進行相關的配置 // app.use(express.static('./views'))// 步驟的拆解 const result = express.static('./views') app.use(result) // 再次托管一下樣式表的資源目錄 app.use('/css', express.static('./css')) // 托管JS文件目錄 app.use('/js', express.static('./js'))// vue 打好的包，直接放在一個文件夾下 // 然后app.use(express.static('./views'))使用就可以了 app.listen(3001, () => {console.log('server running at http://127.0.0.1:3001') })

?

轉載于:https://www.cnblogs.com/houfee/p/10364564.html

總結

以上是生活随笔為你收集整理的nodejs（6）express学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。