express中間層搭建前端項目3

yzzz 發布于2019-08-22 18:18 / 2894人閱讀

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

express中間層搭建前端項目2

創建路由

文件名稱以及路徑 routes/index.js

//獲取路由中間件
var getMoreMethod = require("../method_routes/getMore-method").getMoreMethod;
module.exports = function(app, domain) {
    //domain來處理異常
    app.use(function(req, res, next) {
        var d = domain.create();
        //監聽domain的錯誤事件
        d.on("error", function(err) {
            // res.statusCode = 500;
            res.statusCode = 404;
            res.render("htmlerror");
            d.dispose();
        });
        d.add(req);
        d.add(res);
        d.run(next);
    });
    //模板輔助方法
    //app.use(require("../ejs_fun/index"));
    app.get("/index",getMoreMethod);
}

創建getMore-method

文件路徑method_routes/getMore-method.js
這里的點主要有兩方面1.async 2.request

var request = require("request");//nodejs請求中間件
var async = require("async");//流程控制中間件，有興趣可以自行讀取async的api
//引入全局變量
require("../config/config");
exports.getMoreMethod = function(req,res,next){
    async.waterfall([
        function(callback) {
            var data = {};
            request.get({url:Config.url+"api/4", formData: {}}, function(err, res, body) {
                if (err) {
                    console.error("failed:", err);
                    callback && callback(err);
                }else{
                    data.f = JSON.parse(body);
                    callback(null, data);
                }
            });
        },
        function(data, callback) {
            request.get({url:Config.url+"api/test2", formData: {}}, function(err, httpResponse, body) {
                if (err) {
                    console.error("failed:", err);
                    callback && callback(err);
                }else{
                    data.t = JSON.parse(body);
                    callback(null, data);
                }
            });
        },
        function(data, callback) {
            request.get({url:Config.url+"test/pos", formData: {}}, function(err, res, body) {
                if (err) {
                    console.error("failed:", err);
                    callback && callback(err);
                }else{
                    data.p = JSON.parse(body);
                    callback(null, data);
                }
            });
        }
    ], function(err, result) {
        res.render("getMore", {
            "result": result,
            "first":result.f,
            "two":result.t,
            "three":result.p
        });
    });
}

全局變量

文件路徑config/config

//全局變量
global.Config = {
    url:"http://192.168.43.201:3009/"http://本地ip 
}

創建ejs文件

文件路徑 views/getMore.ejs



  
    getMore
  
  
      
          <%for(var i in first){ %>
                <%if(i == "img"){%>
                    
                <%}else{%>
                    <%= first[i] %>
                <%}%>
          <%}%>

以上接口都是自行搭建mock數據，github地址node_api
搭建express項目已經差不多，歡迎大佬一起討論

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

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

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

express中間層搭建前端項目2

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

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

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

stefanieliang 2019-08-22 18:03 評論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