node.js - 路由、中間件、mysql

来源:https://www.cnblogs.com/heymar/archive/2022/04/14/16146689.html
-Advertisement-
Play Games

這幾天天天搞到這麼晚，我看今天的內容看起不多啊，不知道為什麼學著學著就到了這麼晚。今天的內容還是有點多哈，有點自我矛盾了，再次一一道來。 1. 首先今天先看到路由的概念，什麼叫做路由？ 路由就是映射關係，在express中路由指的是客戶端請求和伺服器處理函數的映射關係，路由有三部分組成：請求類型、請 ...


這幾天天天搞到這麼晚，我看今天的內容看起不多啊，不知道為什麼學著學著就到了這麼晚。今天的內容還是有點多哈，有點自我矛盾了，再次一一道來。

1.

首先今天先看到路由的概念，什麼叫做路由？

路由就是映射關係，在express中路由指的是客戶端請求和伺服器處理函數的映射關係，路由有三部分組成：請求類型、請求url和處理函數。

app.get(url，callback)其實就跟我們前面所說的監聽事件一樣一一樣的。

const express = require('express')
const app = express()
app.get('/', (req, res) => {
    res.send('收到get請求')
})
app.listen(80, () => console.log('express server running at http://127.0.0.1'))

這就是一個最簡單的路由。路由的匹配過程，每當一個請求到達伺服器器後，需要先經過路由匹配，當請求類型和url匹配成功後才會調用後面的請求函數。、

用法

最簡單的用法就是像我們上面那樣直接掛在實例上，這也是不推薦的，因為一個請求就要掛一個很麻煩很繁瑣。

科學的方法應該是創建路由模塊。

分為五個步驟：

分別是創建路由js文件、調用express.Router創建路由對象、掛載路由、向外導出路有對象最後我們的入口文件需要導入，在通過app.use去註冊

// 1.導入express
const express = require('express')
// 2.創建路由對象
const router = express.Router()
// 3.掛載路由
// 3.1掛載路由獲取用戶的信息
router.get('/user/:id', (req,  res) => {
    res.send(req.params)
})
// 3.2掛載路由接受用戶發送的請求
router.post('/post', (req, res) => {
    res.send('post成功')
})
// 4.向外共用路由成員
module.exports = {
    express,
    router 
}
const express = require('./02模塊化路由')
const app = express.express()
//  註冊路由
app.use(express.router)
app.listen(80, () => console.log('express server running at http://127.0.0.1'))

這裡說一下app.use昨天也看到了，他其實就是一個用來註冊全局中間件的。然後我們還可以為路由掛載首碼，也是通過app.use來添加方法同昨天基本一樣

2.

中間件

指的是業務流程的中間處理環節。

就是當客戶請求到達伺服器後，可連續調用多個中間件對這個請求進行預處理，最後通過路由發送出來。

中間件的本質是一個函數根路有類似但是多了一個參數，next參數。

next是一個函數它的作用就是實現多個中間件連續調用的關鍵，把流轉關係轉給下一個中間件或者路由，每個中間件都有一個next一個轉下去轉到路由沒有了就響應給客戶端了。

2.1

我們先看到全局生效的中間件，意思就是客戶發起的任何請求，他都會觸發，直接通過app.use來註冊即可

const express = require('express')
const app = express()
// 中間件
const mw = function(req, res, next) {
    // res.send('這是中間件環節')
    console.log('這是中漸漸環節')
    next()
}
// 通過app。use定義為全局生效的中間件
app.use(mw)

app.get('/user', (req, res) => {
    res.send('這是get請求')
})

app.post('/post', (res, req) => {
    res.send('這是一個post請求')
})
app.listen(80, () => {
    console.log('http://127.0.0.1');
})

中間件的作用：

多個中間件共用同一個res和req，所以可以在上游的中間件定義好這些對象，下游直接用包括路由也可以用

怎麼來定義多個全局中間件，直接通過app.use定義多個即可就像昨天所說的托管靜態資源，有多個目錄就註冊多個

2.2

局部中間件

不是用app.use只對部分的路由有效，路由 的參數規則 也發生了改變

const express = require('express')
const app = express()

const mw = function(req, res, next) {
    req.time = Date.now()
    next()
}

app.get('/', mw, (req, res) => {
    res.send('局部生效' + req.time)
})
app.get('/user', (req, res) => res.send('沒有生效') + req.time)
app.listen(80, ()=> {
    console.log('http://127.0.0.1');
})

定義多個局部中間件

寫多個函數過後在參數這裡可以用逗號隔開，也可以直接寫一個數組

有一個註意事項：就是一定要在路由之前去註冊中間件，不然路由執行完了誰還來執行中間件。

2.3

中間件的分類

①應用級別中間件

就是通過get、post、use綁定到app上的中間件

②路由級別中間件

就是在我們剛纔的路由模塊裡面來穿插的一個中間件

③錯誤級別中間件

這個有點說法

它是專門用來捕獲錯誤信息的而且形參變為了四個

他也是唯一一個卸載路由後面的中間件

const express = require('express')
const { rename } = require('fs')
const app = express()
app.get('/', (req, res) => {
    // 1.人為拋出一個錯誤，一旦有錯後面的響應就不會執行了
    throw new Error('伺服器內部發生錯誤')
    res.send('我不能執行出來')
})

// 2.錯誤中間件
app.use((err,req,res,next) => {
    // 2.1向伺服器列印錯誤
    console.log(err.message);
    // 2.2向客戶端發送錯誤
    res.send(err.message)
    // 這樣做 好處就是，前面如果發生了錯誤導致了整個伺服器已經崩潰了，什麼都執行不了了，這樣一來，就可以正常輸出錯誤信息，正常執行後面代碼
})
app.listen(80, () => console.log('express server running at http://127.0.0.1'))

④內置中間件

三個內置的中間件分別是express.static這個已經說過了前面

express.json這是拿來解析json格式數據的

express.urlencoded這是拿來解析urlencoded格式數據的

後面兩個一般會配合req.body來拿請求體數據再給他們拿來解析了

const express = require('express')
const app = express()
// 註意這是中間件 所以必須配置到路由之前
app.use(express.json())
app.use(express.urlencoded({extended : false}))
app.post('/', (req, res) => {
    // 通過req.body可以拿到請求體數據
    // postman在測試的時候選擇body裡面的raw再把text選擇json就可以發送json數據了
    console.log(req.body);
    // 沒有解析之前對於json數據是undefined
})

// 測試urlencoded數據體
// 這個數據體的格式是x-www-form-urlencoded
// 固定寫法
app.post('/user', (req, res) => {
    // 沒解析前時空對象
    console.log(req.body);
})
app.listen(80, () => console.log('express server running at http://127.0.0.1'))

⑤第三方中間件 直接npm安裝導入通過app.use註冊即可使用

2.4

自定義中間件

這裡做一個案例自定義一個類似於express.urlencoded功能的中間件可以解析請求體數據

const express = require('express')
const app = express()
// 4.利用node裡面的一個內置模塊解析請求體數據，在node裡面內置了一個querystring模塊是專門用來處理查詢字元串的，這個模塊提供的
// parse（）函數可以把查詢字元串轉換為對象
const qs = require('querystring')

// 1.定義中間件
app.use((req, res, next) => {
// 2.監聽data事件，因為既然是伺服器，那麼肯定會接收到癩子客戶端的請求，如果有時候請求量過大，就會分批次傳給伺服器數據，所以data事件可能觸發多次
// 就需要把每一次的數據最後拼接起來
let str = ''
req.on('data', chunk => {
    str += chunk
})
// 3.req的end事件當請求體接收完畢會自動出發end事件可以在這裡處理完整的請求體數據
req.on('end', () => {
    console.log(str);
    str = qs.parse(str)
    console.log(str);
    // 5.講解洗出來的對象給到req.body
    req.body = str
    next()
})
})




app.post('/', (req, res) => {
    res.send(req.body)
})
app.listen(80, () => console.log('http://127.0.0.1'))

然後將自定義中間件進行了一個模塊化

// 4.利用node裡面的一個內置模塊解析請求體數據，在node裡面內置了一個querystring模塊是專門用來處理查詢字元串的，這個模塊提供的
// parse（）函數可以把查詢字元串轉換為對象
const qs = require('querystring')
// 因為別人導入進來是直接註冊使用所以可以把app開伺服器等一些多餘的代碼省略就保存app.use裡面的
const bodyParse = (req, res, next) => {
    // 2.監聽data事件，因為既然是伺服器，那麼肯定會接收到癩子客戶端的請求，如果有時候請求量過大，就會分批次傳給伺服器數據，所以data事件可能觸發多次
    // 就需要把每一次的數據最後拼接起來
    let str = ''
    req.on('data', chunk => {
        str += chunk
    })
    // 3.req的end事件當請求體接收完畢會自動出發end事件可以在這裡處理完整的請求體數據
    req.on('end', () => {
        console.log(str);
        str = qs.parse(str)
        console.log(str);
        // 5.講解洗出來的對象給到req.body
        req.body = str
        next()
    })
}

module.exports = bodyParse 
const bodyParse = require('./自定義中間件模塊化')
const express = require('express')
const app = express()
app.use(bodyParse)
app.post('/', (req, res) => {
    // res.send('收到get請求')
    console.log(req.body);
})
app.listen(80, () => console.log('express server running at http://127.0.0.1'))

3.

我們繼續看到用express來寫介面

分為了三個步驟

創建基本伺服器、創建 api路由模塊、編寫get介面

這是路由模塊

// 2.寫api路由模塊 就是將路由模塊化 因為那邊引入進來需要用use來註冊同時掛載api首碼
const  express = require('express')
const router = express.Router()


// 3.編寫get介面
router.get('/get', (req, res) => {
    // 3.1首先拿到用戶傳過來的數據
    let data = req.query
    // 3.2把數據發送給客戶端
    res.send({
        status : 0, // 0表示成功 1表示失敗
        msg : 'get請求成功',
        data : data //把數據返回給客戶端
    })
})

// 4.編寫post介面
router.post('/post', (req, res) => {
    // 4.1客戶端發過來的數據
    let data = req.body
    res.send({
        status : 0,
        msg :  'post請求成功',
        data : data
    })
})

module.exports = router

其實主要就是通過req的那幾個屬性拿到數據後，再通過send方法發給客戶端，下麵是入口文件主要就是開啟伺服器，然後解析下數據

// 1.創建基本web伺服器
const express = require('express')
const app = express()


// 2.1導入路由模塊 並掛載首碼
const router = require('./router')
// 4.2註冊內置中間件 不然req.body解析不出來 
app.use(express.urlencoded({extended : false}))
// 5.cors解決跨域
const cors = require('cors')
app.use(cors())
app.use('/api', router)
app.listen(80, ()=> {
    console.log('http://127.0.0.1');
})

有些東西要把後面看了才知道哈我只是先拿上來了。

4.

cors和jsonp

我們剛纔這個案例其實是有bug的，就是有跨域的問題，我們創建一個html文件通過button來獲取數據這個時候就會因為協議不同而被同源策略組織。

我們前面也說過解決跨域一個是cors一個是jsonp，這裡肯定不能用jsonp因為他只支持get，那麼怎麼來用cors呢？

直接三部曲安裝導入加註冊就解決了跨域問題了，就這麼簡單。

4.1

什麼是cors

就是由一系列http響應頭組成，同源策略碰到這個頭就會解除限制。

cors一般是在伺服器進行配置，客戶端不需要。

下麵是一些瞭解性內容

響應頭部：

第一個res.setHeader（‘Access-Control-Allow-Orign’，‘http：wwwssss。聰明、’）

這是表示只允許後面這個網站的域來訪問，如果為*那就表示允許任何域來訪問了

第二個是前面的基礎上為Allow-Headers

我們的cors預設值只有9個請求頭如果超出了這個九個頭就必然失敗請求，在這個九個之外的可以通過這個代碼來添加上來

第三個前面的基礎上-Methods

cors預設只支持get post head 除此之外的需要用這個來設置。

4.2

現在不是瞭解內容了。

cors請求分類

大體上分為簡單請求和預檢請求。

什麼叫做簡單請求

滿足兩個條件：

一個是請求方式在預設的三個之內，一個是http請求頭不能超過預設的九個

什麼是預檢請求

三個條件達到其中一種都是

一個是請求頭在九個之外，一個是請求方式在三個之外，還有一個就是發送過來的數據是json數據

那麼他們的區別是什麼呢

很簡單，簡單請求只會發送一次請求，而預檢請求會發送兩次請求，為什麼？

因為預檢請求會在伺服器與客戶端正是連接之前，提前發一個option的請求作為預檢，看伺服器能否跟這個格式的請求相連接，只有請求成功了才會開始正式請求，攜帶真實數據。

5.

今天最後一個內容jsonp介面

首先要註意一下，如果說已經配置了cors那麼必須在配置cors之前去聲明jsonp介面，不然會錯亂的。

做這個介面之前我們先來回應一下jsonp的一個知識，首先它是來解決跨域的，我們通過script標簽把函數傳進來再去調用介面這種方式就叫jsonp

// 1.創建基本web伺服器
const express = require('express')
const app = express()


// 2.1導入路由模塊 並掛載首碼
const router = require('./router')
// 4.2註冊內置中間件 不然req.body解析不出來 
app.use(express.urlencoded({extended : false}))
// 6.jsonp介面必須寫在coes之前
app.get('/api/jsonp', (req, res) => {
    // 6.1獲取回調函數的名字
    let fn = req.query.callback
    // 6.2定義你要發送回去的數據對象
    let data = {name : '張三', age : 15}
    // 6.3模擬函數調用
    let fnDiao = `${fn}(${JSON.stringify(data)})`
    // 6.4數據返回回去
    res.send(fnDiao)
})
// 5.cors解決跨域
const cors = require('cors')
const { json } = require('body-parser')
app.use(cors())
app.use('/api', router)
app.listen(80, ()=> {
    console.log('http://127.0.0.1');
})

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 如何使用 SQL SELECT 從表中檢索一個或多個數據列
    本文介紹瞭如何使用 SQL 的 SELECT 語句來檢索單個表列、多個表列以及所有表列。也介紹瞭如何返回不同的值以及如何註釋代碼。 一、SELECT 語句 正如 學習 SQL 之前需要瞭解的基礎知識 所述，SQL 語句是由簡單的英語單詞構成的。這些單詞稱為關鍵字，每個 SQL 語句都是由一個或多個關 ...
  • 雲會議，既要方便也要安全
    說起雲會議大家第一想起的就是疫情期間，上網課也好，網上辦公也好等等。在疫情到來之前線上會議就已經有了雛形但是並不完善，但是疫情開始之後，線上會議蓬勃發展，各種雲會議應用而生。雲會議得到了空前的發展，那麼當我們需要一場高質量的雲會議時應該怎麼選擇呢？ 雲會議帶給我們體驗最重要的三點：夠清晰、夠流暢、夠 ...
  • 學習 SQL 之前需要瞭解的基礎知識
    本文為 SQL 初學者介紹了 SQL 究竟是什麼，以及它能做什麼事情。因為 SQL 是用來與資料庫打交道的，所以，我們也介紹了一些基本的資料庫術語。 一、資料庫基礎 你正在讀這這一篇文章，這表明你需要以某種方式與資料庫打交道。SQL 正是用來實現這一任務的語言，因此在學習 SQL 之前，你應該對數據 ...
  • 刪庫到跑路?還得看這篇Redis資料庫持久化與企業容災備份恢復實戰指南
    本章目錄 0x00 數據持久化 1.RDB 方式 2.AOF 方式 如何抉擇 RDB OR AOF? 0x01 備份容災 一、備份 1.手動備份redis資料庫 2.遷移Redis指定db-資料庫 3.Redis集群數據備份與遷移 二、恢復 1.系統Redis用戶被刪除後配置數據恢復流程 2.Kub ...
  • Kotlin快速上手
    一、Kotlin基礎 1.數據類型聲明 在Kotlin中要定義一個變數需要使用var關鍵字 //定義了一個可以修改的Int類型變數 var number = 39 如果要定義一個常量可以使用val關鍵字,等價於Java的final關鍵字. val name = "miku" //給val定義的常量再 ...
  • 【Harmony OS】【ARK UI】ETS 的 List 實現下拉刷新功能實現
    在HarmonyOS開發中List下拉刷新是一種很常見的問題，今天描述怎麼實現List下拉刷新的功能實現，主要分為“開發準備”，“代碼實現”，“運行效果” 1. 開發準備 我們需要學習以下知識點 1.1 【Harmony OS】【ARK UI】【Demo】載入動畫實現 1.2 PanGesture ...
  • 開發者必讀：2022年移動應用趨勢洞察白皮書
    華為開發者聯盟與艾瑞咨詢聯合發佈《2022年移動應用趨勢洞察白皮書》，本白皮書主要分析移動應用行業發展現狀和趨勢，並對影音娛樂、通訊社交、電商生活、運動健康、出行導航等細分行業場景進行分析，把握移動應用細分行業發展特色和趨勢，為廣大開發者的開發和運營決策提供參考。 華為開發者聯盟一直致力於全方位聯接 ...
  • 初識前後端
    初識前後端 在學習瞭解前後端的過程中，自己看到了這一篇好的文章，摘下了一些當下用的的內容，供複習參考。 什麼是前端開發？ 前端開發主要涉及網站和 App，用戶能夠從 App 屏幕或瀏覽器上看到東西。簡單地說，能夠從 App 屏幕和瀏覽器上看到的東西都屬於前端。 網站和移動 App 的前端 **對於網 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類