Node和Express

Node就是後端服務器運行js的環境,再寫前端的代碼的時候發現所需要的數據後臺還沒改好,接口都訪問不了。爲了測試前端寫出來的效果,就用Node和Express搭建了一下Json數據的接口
1、全局安裝node 、nodemon
nodemon是一種工具,通過在檢測到目錄中的文件更改時自動重新啓動節點應用程序來幫助開發基於node.js的應用程序
安裝命令:npm i -g node npm i -g nodemon

2、本地建一個空的文件夾
初始化: npm init
會出現對應的package.json文件夾

3、安裝依賴express,文件夾的內容多出了node_modules, package.json中的dependencies
npm install express --save
增加的node_modules
在這裏插入圖片描述
4、添加一個sever.js文件,把含有json數據的文件也放在同一目錄下
在這裏插入圖片描述

5、在sever.js中添加內容,這裏是寫了一個setInterface的函數,因爲需要的接口數據很多。

var express = require('express');
var app = express();
var fs = require("fs");

function setInterface( router, file ){
    app.get(router, function (req, res) {
        fs.readFile( __dirname + file, 'utf8', function (err, data) {
            //res.json只能發送Json對象
            res.json( JSON.parse(data) );
            // res.end只能發送字符串
        });
    })
}

setInterface('/redfish/v1',"/redfish/v1.json")

var server = app.listen(8085, function () {

    var host = server.address().address
    var port = server.address().port

    console.log("應用實例,訪問地址爲 http://%s:%s", host, port)

})

6、運行node sever.js 或者nodemon sever.js 後者可以在你修改sever.js的時候不斷監聽整個文件,想要看你的接口數據是否正確的以json格式發送出來,用postman測試接口就可以了在這裏插入圖片描述
頁面上也能通過訪問http://127.0.0.1:8085/redfish/v1訪問接口數據了。注意:配置好路徑url

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章