成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Node中間層實(shí)踐（一）——基于NodeJS的全棧式開(kāi)發(fā)

warkiz / 1534人閱讀

摘要：總結(jié)我覺(jué)得，以后基于的全棧式開(kāi)發(fā)的模式將會(huì)越來(lái)越流行，這也會(huì)引領(lǐng)前端步入工程化時(shí)代。歡迎繼續(xù)關(guān)注本博的更新中間層實(shí)踐一基于的全棧式開(kāi)發(fā)中間層實(shí)踐二搭建項(xiàng)目框架中間層實(shí)踐三配置中間層實(shí)踐四模板引擎中間層實(shí)踐五中間層的邏輯處理

版權(quán)聲明：更多文章請(qǐng)?jiān)L問(wèn)我的個(gè)人站Keyon Y，轉(zhuǎn)載請(qǐng)注明出處。
前言

近期公司有個(gè)新項(xiàng)目，由于后端人手不足，我果斷的提議用node中間層的方案，得到了老大的支持，所以一次大單嘗試就來(lái)了。
Node中間層允許前端來(lái)做網(wǎng)站路由、頁(yè)面渲染、SEO優(yōu)化，對(duì)以往從來(lái)不接觸這些內(nèi)容的前端選手來(lái)說(shuō)，正是鍛煉我們網(wǎng)站架構(gòu)的好機(jī)會(huì)。
另外，這也是一次深入了解Node的好機(jī)會(huì)，準(zhǔn)備好迎接即將到來(lái)的前端工程化時(shí)代。

為什么選擇node中間層

在說(shuō)這個(gè)話題之前，先給大家分享一篇文章(【探索】NodeJS中間層搭建)，它讓我對(duì)node中間層的理解更加深刻，特別是最后的來(lái)自淘寶的PPT。

現(xiàn)有開(kāi)發(fā)模式的適用場(chǎng)景

玉伯提到的幾種開(kāi)發(fā)模式，各有各的適用場(chǎng)景，沒(méi)有哪一種完全取代另外一種。

比如后端為主的MVC，做一些同步展現(xiàn)的業(yè)務(wù)效率很高，但是遇到同步異步結(jié)合的頁(yè)面，與后端開(kāi)發(fā)溝通起來(lái)就會(huì)比較麻煩。

Ajax為主SPA型開(kāi)發(fā)模式，比較適合開(kāi)發(fā)APP類型的場(chǎng)景，但是只適合做APP，因?yàn)镾EO等問(wèn)題不好解決，對(duì)于很多類型的系統(tǒng)，這種開(kāi)發(fā)方式也過(guò)重。

前后端分離

從職責(zé)上劃分，node中間層實(shí)現(xiàn)了前后端分離:

前端：負(fù)責(zé)View和Controller層

后端：只負(fù)責(zé)Model層，業(yè)務(wù)處理/數(shù)據(jù)等

拿我們公司來(lái)說(shuō)，之前的網(wǎng)站前臺(tái)的項(xiàng)目，是基于后端的MVC，在遇到同步和異步結(jié)合的頁(yè)面時(shí)候，和后端頻繁溝通，對(duì)前后端來(lái)說(shuō)都是很痛苦的。

對(duì)前端來(lái)說(shuō)，發(fā)揮的空間十分的有限，例如：性能優(yōu)化，只在前端做是很有限的，是需要和后端配合才能實(shí)現(xiàn)的，比如 隨后的部分我會(huì)寫(xiě)道的無(wú)刷新加載。

前端掌握了Controller，就可以做路由設(shè)計(jì)、網(wǎng)站目錄結(jié)構(gòu)、網(wǎng)站前端架構(gòu)。
掌握了View，就可以通過(guò)后端模板引擎(jade/pug,Ejs,swig等)，邊寫(xiě)邊綁數(shù)據(jù)。更別提，pug之流 還有mixin，讓我們對(duì) html進(jìn)行函數(shù)化，大大提高效率。

NodeJS讓前端無(wú)需學(xué)習(xí)一門(mén)新的語(yǔ)言，就能做到這些事情。

基于NodeJS“全棧”式開(kāi)發(fā)

下面的這張圖很簡(jiǎn)單形象的說(shuō)明了Node中間層

中間層的性能問(wèn)題

多加了一層通訊，肯定會(huì)有一定的性能損耗。但分層帶來(lái)的損失，一定能在其他方面的收益彌補(bǔ)回來(lái)，而且合理的分層能讓職責(zé)清晰、方便協(xié)作，大大提升開(kāi)發(fā)效率。也可以通過(guò)優(yōu)化通訊方式和協(xié)議，盡可能把損耗降到最低。

拿我公司的網(wǎng)站舉例：一個(gè)靜態(tài)化的詳情頁(yè)面上有很多(動(dòng)態(tài))的數(shù)據(jù)，用戶資料、評(píng)論信息、訂單等等，需要5、6個(gè)異步請(qǐng)求，node中間層可以代理這些請(qǐng)求，輕松實(shí)現(xiàn)Bigpipe。
在PC上你覺(jué)得發(fā)5,6個(gè)異步請(qǐng)求也沒(méi)什么，但是在無(wú)線端，在客戶手機(jī)上建立一個(gè)HTTP請(qǐng)求開(kāi)銷很大，有了這個(gè)優(yōu)化，性能一下提升好幾倍。
Node什么都能做，為什么還要JAVA/PHP？

我們的初衷是做前后端分離，如果考慮這個(gè)問(wèn)題就有點(diǎn)違背我們的初衷了。即使用Node替代Java/PHP，我們也沒(méi)辦法保證不出現(xiàn)今天遇到的種種問(wèn)題，比如職責(zé)不清。我們的目的是分層開(kāi)發(fā)，專業(yè)的人，專注做專業(yè)的事?；贘AVA/PHP的基礎(chǔ)架構(gòu)已經(jīng)非常強(qiáng)大而且穩(wěn)定，而且更適合做現(xiàn)在架構(gòu)的事情。

前端的任務(wù)更重要了

常見(jiàn)的前后端分離的開(kāi)發(fā)模式中，后端為前端提供了路由結(jié)構(gòu)和頁(yè)面的數(shù)據(jù)綁定，前端只需要切頁(yè)面和少量的邏輯。

在node中間層中，前端不僅僅要切頁(yè)面和做頁(yè)面邏輯，還要做url design、頁(yè)面數(shù)據(jù)綁定、聯(lián)調(diào)與溝通，還要考慮SEO的問(wèn)題，偽靜態(tài)頁(yè)面、title/keyword設(shè)置、網(wǎng)站地圖，甚至包括錯(cuò)誤日志等等。

雖然前端的工作量增加了不少，但是基于模塊化的開(kāi)發(fā)，讓總體的效率提升了。
對(duì)于后端程序員，接口整合的工作交給了前端服務(wù)器進(jìn)行處理，同時(shí)和前端耦合度大大降低，工作量和工作效率都減少了。

另外，由于前后端分離，測(cè)試都可以分開(kāi)來(lái)了，專門(mén)測(cè)試接口的和專門(mén)測(cè)試ui層。

總結(jié)

我覺(jué)得，以后基于NodeJs的全棧式開(kāi)發(fā)的模式將會(huì)越來(lái)越流行，這也會(huì)引領(lǐng)前端步入工程化時(shí)代。但是要把Node全棧開(kāi)發(fā)變成一個(gè)穩(wěn)定的、方便的開(kāi)發(fā)工具，還有很多路要走。這次公司的交易平臺(tái)項(xiàng)目就是一個(gè)很好的實(shí)踐，接下來(lái)，請(qǐng)繼續(xù)關(guān)注我對(duì)這個(gè)項(xiàng)目的總結(jié)，希望能給各位帶來(lái)靈感。

歡迎繼續(xù)關(guān)注本博的更新
Node中間層實(shí)踐（一）——基于NodeJS的全棧式開(kāi)發(fā)
Node中間層實(shí)踐（二）——搭建項(xiàng)目框架
Node中間層實(shí)踐（三）——webpack配置
Node中間層實(shí)踐（四）——模板引擎pug
Node中間層實(shí)踐（五）——express-中間層的邏輯處理

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92711.html

相關(guān)文章

  • Node中間層實(shí)踐（三）——webpack配置

    摘要：的意思是，如果碰到不能的情況，就整頁(yè)刷新首頁(yè)路由開(kāi)發(fā)環(huán)境中使用了，需要將每一個(gè)的配置中寫(xiě)上歡迎繼續(xù)關(guān)注本博的更新中間層實(shí)踐一基于的全棧式開(kāi)發(fā)中間層實(shí)踐二搭建項(xiàng)目框架中間層實(shí)踐三配置中間層實(shí)踐四模板引擎中間層實(shí)踐五中間層的邏輯處理 版權(quán)聲明：更多文章請(qǐng)?jiān)L問(wèn)我的個(gè)人站Keyon Y，轉(zhuǎn)載請(qǐng)注明出處。 這里沒(méi)什么可說(shuō)的，webpack的配置和插件實(shí)在太多了，用的時(shí)候查文檔就行了。 項(xiàng)目地...

    kelvinlee 評(píng)論0 收藏0

  • Node中間層實(shí)踐（二）——搭建項(xiàng)目框架

    摘要：項(xiàng)目地址腳手架使用過(guò)，的同學(xué)都清楚，官方推薦的安裝方式是通過(guò)專用的來(lái)快速搭建一個(gè)由編譯打包的項(xiàng)目框架。用在層的模塊化，在中間層實(shí)現(xiàn)了模塊化。這樣，從中間層到前端都實(shí)現(xiàn)了熱加載。 版權(quán)聲明：更多文章請(qǐng)?jiān)L問(wèn)我的個(gè)人站Keyon Y，轉(zhuǎn)載請(qǐng)注明出處。 項(xiàng)目地址：https://github.com/KeyonY/NodeMiddle 腳手架？ 使用過(guò)angular2，vue2的同學(xué)都清楚，官...

    DrizzleX 評(píng)論0 收藏0

  • 下一代基于Koa的NodeJS全棧開(kāi)發(fā)框架

    Github上的腳手架實(shí)在太多，可能大多數(shù)都是只專注在前端的web開(kāi)發(fā)，例如流行的React生態(tài)中的create-react-app和Vue生態(tài)中的Vue-cli, 但是可能作為像我一樣的全棧開(kāi)發(fā)，一個(gè)只關(guān)注在前端開(kāi)發(fā)的腳手架滿足不了所有的需求，我們可能需要開(kāi)發(fā)更復(fù)雜的全棧JS的項(xiàng)目，所以這里介紹又一個(gè)基于NodeJS的全棧開(kāi)發(fā)框架 koa-web-kit，不一定適合所有人，但至少又多了個(gè)選擇?。...

    oliverhuang 評(píng)論0 收藏0

  • 全棧式的開(kāi)發(fā)多人在線聊天室

    摘要：技術(shù)棧覺(jué)得好的歡迎點(diǎn)個(gè)。前端后端部署演示全棧式的開(kāi)發(fā)多人在線聊天室項(xiàng)目只適配了移動(dòng)端，請(qǐng)使用瀏覽器的手機(jī)視圖查看。之前刪除了一個(gè)文件，但是沒(méi)有刪除中的對(duì)應(yīng)值。編譯時(shí)會(huì)報(bào)上面的錯(cuò)誤。 技術(shù)棧 覺(jué)得好的歡迎點(diǎn)個(gè)star ^_^。 前端：Express & EJS & ES6 & Less & Gulp 后端：Express & SocketIO & MongoDB & REST API ...

    Chiclaim 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<