express中間層搭建前端項目1

stefanieliang 發布于2019-08-22 18:03 / 1477人閱讀

摘要：從前端小白到精通首先需要自行下載安裝安裝地址我的版本是，安裝之后，需要安裝依賴以及生成調試工具，親測對版本比較敏感，只兼容低版本的所以調試可以用或者用軟件進行調試安裝調試鏈接，下載包，忘記了模板引擎用的是，喜歡用其實一樣，只是語法有

從前端小白到精通express

首先需要自行下載安裝nodejs nodejs安裝地址//我的版本是4.7.0，

安裝nodejs之后，需要npm init 安裝依賴以及生成package.json

調試工具node-inspector，親測node-inspector對node版本比較敏感，只兼容低版本的所以調試可以用4.7.0或者用vscode軟件進行調試安裝調試node-inspector鏈接，

下載express包 npm install express -S ，忘記了模板引擎用的是ejs，喜歡用jade其實一樣，只是語法有些不同

準備工作做好了下面開始搭建一個全面的項目

用nodejs搭建服務
//文件名稱bin/www 啟動服務用node ./bin/www 即可

 `bin/www
  var app = require("../app");//引入express入口文件
  var debug = require("debug")("mydebug:http");
  var http = require("http");//引入http中間件，創建服務
  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以及相關的中間件

引入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.啟動服務node ./bin/www,網址localhost:3002 網頁出現hello world構建大型項目后面更新

這里是我的github賬號相關文件github賬號
下一篇文章express中間層搭建前端項目2

GPU云服務器云服務器阿里云服務器express項目前端項目前端項目視頻前端開發項目

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95446.html

express中間層搭建前端項目3

摘要：中間層搭建前端項目創建路由文件名稱以及路徑獲取路由中間件來處理異常監聽的錯誤事件模板輔助方法創建文件路徑這里的點主要有兩方面請求中間件流程控制中間件，有興趣可以自行讀取的引入全局變量全局變量文件路徑全局變量本地創建文件文件路徑以上接口 express中間層搭建前端項目2 創建路由文件名稱以及路徑 routes/index.js //獲取路由中間件 var getMoreMethod ...

yzzz 2019-08-22 18:18 評論0 收藏0
express中間層搭建前端項目2

摘要：上面一片文章已經介紹怎樣創建服務端服務，這篇將搭建路由第一章搭建服務配置引入相關中間件文件讀取壓縮處理異常設置模板引擎使用相關中間件日志請求體解析中間對傳入的進行解析后賦值給引入文件里面的靜態資源包括引入路由文件路由文件讀取抓取錯誤信上面一片文章已經介紹怎樣創建nodejs服務端服務，這篇將express搭建路由第一章搭建nodejs服務配置app.js引入相關中間件 var ex...

tianhang 2019-08-22 18:16 評論0 收藏0
Node中間層實踐（二）——搭建項目框架

摘要：項目地址腳手架使用過，的同學都清楚，官方推薦的安裝方式是通過專用的來快速搭建一個由編譯打包的項目框架。用在層的模塊化，在中間層實現了模塊化。這樣，從中間層到前端都實現了熱加載。版權聲明：更多文章請訪問我的個人站Keyon Y，轉載請注明出處。項目地址：https://github.com/KeyonY/NodeMiddle 腳手架？使用過angular2，vue2的同學都清楚，官...

DrizzleX 2019-08-22 13:59 評論0 收藏0
Express 搭建服務器

摘要：指定需要處理的路由回調函數，即請求此路由的處理函數，它可以接收兩個參數三個參數，四個參數。如果匹配到自定義的路由，立即執行回調函數，如果處理函數中沒有則不再往下執行，如果執行了會繼續向下匹配。簡介 Node.js? is a JavaScript runtime built on Chromes V8 JavaScript engine. Node.js uses an event-...

CrazyCodes 2019-08-26 11:58 評論0 收藏0
如何打造一個令人愉悅的前端開發環境（三）

摘要：的最后一個大招就是替換一些傳統的服務端語言，例如，，等，在業務層上面使用來開發服務端完全不成問題。更多的的使用細節和技巧建議關注美團博客大搜車論壇下一篇我們開啟如何結合和搭建一個開發環境和項目目錄往期回顧前面2期都講得是瀏覽器端的東西比較多，包括Webpack，雖然是Node處理的，但是還是瀏覽器端用的多，對于現在的前端開發來說，不懂一點服務端的東西，簡直沒辦法活，一般的招聘要求都...

cgh1999520 2019-08-20 10:43 評論0 收藏0