摘要:從前端小白到精通首先需要自行下載安裝安裝地址我的版本是,安裝之后,需要安裝依賴以及生成調(diào)試工具,親測對版本比較敏感,只兼容低版本的所以調(diào)試可以用或者用軟件進(jìn)行調(diào)試安裝調(diào)試鏈接,下載包,忘記了模板引擎用的是,喜歡用其實一樣,只是語法有
從前端小白到精通express
首先需要自行下載安裝nodejs nodejs安裝地址//我的版本是4.7.0,
安裝nodejs之后,需要npm init 安裝依賴以及生成package.json
調(diào)試工具node-inspector,親測node-inspector對node版本比較敏感,只兼容低版本的所以調(diào)試可以用4.7.0或者用vscode軟件進(jìn)行調(diào)試安裝調(diào)試node-inspector鏈接,
下載express包 npm install express -S ,忘記了模板引擎用的是ejs,喜歡用jade其實一樣,只是語法有些不同
準(zhǔn)備工作做好了下面開始搭建一個全面的項目
用nodejs搭建服務(wù)
//文件名稱bin/www 啟動服務(wù)用node ./bin/www 即可
`bin/www var app = require("../app");//引入express入口文件 var debug = require("debug")("mydebug:http"); var http = require("http");//引入http中間件,創(chuàng)建服務(wù) var port = normalizePort("3002");//端口號3002 app.set("port", port); // Create HTTP server var server = http.createServer(app); // Listen on provided port, on all network interfaces. server.listen(port); server.on("error", onError); server.on("listening", onListening); // Normalize a port into a number, string, or false. function normalizePort(val) { var port = parseInt(val, 10); if (isNaN(port)) { // named pipe return val; } if (port >= 0) { // port number return port; } return false; } // Event listener for HTTP server "error" event. function onError(error) { if (error.syscall !== "listen") { throw error; } var bind = typeof port === "string" ? "Pipe " + port: "Port " + port; // handle specific listen errors with friendly messages switch (error.code) { case "EACCES": console.error(bind + " requires elevated privileges"); process.exit(1); break; case "EADDRINUSE": console.error(bind + " is already in use"); process.exit(1); break; default: throw error; } }`
app.js里面放入express以及相關(guān)的中間件
引入express //我的版本是4.10.0
`app.js var express = require("express"); var app = express(); app.get("/", function(req, res){ res.send("hello world"); console.log("hello world"); }); module.exports = app; `
10.啟動服務(wù)node ./bin/www,網(wǎng)址localhost:3002 網(wǎng)頁出現(xiàn)hello world構(gòu)建大型項目后面更新
這里是我的github賬號相關(guān)文件github賬號
下一篇文章express中間層搭建前端項目2
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/95446.html
摘要:中間層搭建前端項目創(chuàng)建路由文件名稱以及路徑獲取路由中間件來處理異常監(jiān)聽的錯誤事件模板輔助方法創(chuàng)建文件路徑這里的點主要有兩方面請求中間件流程控制中間件,有興趣可以自行讀取的引入全局變量全局變量文件路徑全局變量本地創(chuàng)建文件文件路徑以上接口 express中間層搭建前端項目2 創(chuàng)建路由 文件名稱以及路徑 routes/index.js //獲取路由中間件 var getMoreMethod ...
摘要:上面一片文章已經(jīng)介紹怎樣創(chuàng)建服務(wù)端服務(wù),這篇將搭建路由第一章搭建服務(wù)配置引入相關(guān)中間件文件讀取壓縮處理異常設(shè)置模板引擎使用相關(guān)中間件日志請求體解析中間對傳入的進(jìn)行解析后賦值給引入文件里面的靜態(tài)資源包括引入路由文件路由文件讀取抓取錯誤信 上面一片文章已經(jīng)介紹怎樣創(chuàng)建nodejs服務(wù)端服務(wù),這篇將express搭建路由第一章搭建nodejs服務(wù) 配置app.js引入相關(guān)中間件 var ex...
摘要:項目地址腳手架使用過,的同學(xué)都清楚,官方推薦的安裝方式是通過專用的來快速搭建一個由編譯打包的項目框架。用在層的模塊化,在中間層實現(xiàn)了模塊化。這樣,從中間層到前端都實現(xiàn)了熱加載。 版權(quán)聲明:更多文章請訪問我的個人站Keyon Y,轉(zhuǎn)載請注明出處。 項目地址:https://github.com/KeyonY/NodeMiddle 腳手架? 使用過angular2,vue2的同學(xué)都清楚,官...
摘要:指定需要處理的路由回調(diào)函數(shù),即請求此路由的處理函數(shù),它可以接收兩個參數(shù)三個參數(shù),四個參數(shù)。如果匹配到自定義的路由,立即執(zhí)行回調(diào)函數(shù),如果處理函數(shù)中沒有則不再往下執(zhí)行,如果執(zhí)行了會繼續(xù)向下匹配。 簡介 Node.js? is a JavaScript runtime built on Chromes V8 JavaScript engine. Node.js uses an event-...
摘要:的最后一個大招就是替換一些傳統(tǒng)的服務(wù)端語言,例如,,等,在業(yè)務(wù)層上面使用來開發(fā)服務(wù)端完全不成問題。更多的的使用細(xì)節(jié)和技巧建議關(guān)注美團(tuán)博客大搜車論壇下一篇我們開啟如何結(jié)合和搭建一個開發(fā)環(huán)境和項目目錄 往期回顧 前面2期都講得是瀏覽器端的東西比較多,包括Webpack,雖然是Node處理的,但是還是瀏覽器端用的多,對于現(xiàn)在的前端開發(fā)來說,不懂一點服務(wù)端的東西,簡直沒辦法活,一般的招聘要求都...
閱讀 1770·2021-09-27 14:02
閱讀 3196·2021-09-27 13:36
閱讀 1059·2019-08-30 12:46
閱讀 1847·2019-08-30 10:51
閱讀 3585·2019-08-29 17:02
閱讀 959·2019-08-29 16:38
閱讀 1857·2019-08-29 16:37
閱讀 3046·2019-08-26 10:32