本篇文章帶大家了解Node中的express框架,介紹一下express中的身份認(rèn)證,希望對(duì)大家有所幫助!
Web開發(fā)模式
目前主流的Web開發(fā)模式有兩種:
基于服務(wù)端渲染的傳統(tǒng)Web開發(fā)模式
服務(wù)端渲染的概念:服務(wù)器發(fā)送給客戶端的HTML頁面,是在服務(wù)器通過字符串的拼接,動(dòng)態(tài)生成的。因此,客戶端不需要使用Ajax這樣的技術(shù)額外請(qǐng)求頁面的數(shù)據(jù)?!鞠嚓P(guān)教程推薦:nodejs視頻教程、編程教學(xué)】
代碼如下:
app.get('/index.html',(req,res)=>{ // 1.要渲染的數(shù)據(jù) const user = {name:'zs',age:20} // 2.服務(wù)器通過字符串的拼接,動(dòng)態(tài)生成 HTML 內(nèi)容 const html = `<h1>姓名:${user.name},年齡:${user.age}</h1>` // 3.把生成好的頁面內(nèi)容響應(yīng)給客戶端。因此客戶端拿到的是帶有真實(shí)數(shù)據(jù)的 HTML 頁面 res.send(html) })
服務(wù)端渲染的優(yōu)缺點(diǎn)
優(yōu)點(diǎn):
1)前端耗時(shí)少:因?yàn)榉?wù)器端負(fù)責(zé)動(dòng)態(tài)生成 HTML內(nèi)容,瀏覽器只需要直接渲染頁面即可。尤其是移動(dòng)端,更省電。
2)有利于SEO:因?yàn)榉?wù)器端響應(yīng)的是完整的 HTML頁面內(nèi)容,所以爬蟲更容易爬取獲得信息,更有利于SEO。
缺點(diǎn):
1)占用服務(wù)器端資源:即服務(wù)器端完成HTML頁面內(nèi)容的拼接,如果請(qǐng)求較多,會(huì)對(duì)服務(wù)器造成一定的訪問壓力。
2)不利于前后端分離,開發(fā)效率低:使用服務(wù)器端渲染,則無法進(jìn)行分工合作,尤其對(duì)于前端復(fù)雜度高的項(xiàng)目,不利于項(xiàng)目高效開發(fā)。
基于前后端分離的新型Web開發(fā)模式
前后端分離的概念:前后端分離的開發(fā)模式,依賴于Ajax技術(shù)的廣泛應(yīng)用。簡而言之,前后端分離的Web開發(fā)模式,就是后端只負(fù)責(zé)提供API接口,前端使用Ajax調(diào)用接口的開發(fā)模式。
前后端分離的優(yōu)缺點(diǎn)
優(yōu)點(diǎn):
1)開發(fā)體驗(yàn)好。前端專注于UI頁面的開發(fā),后端專注于api的開發(fā),且前端有