1.跟資料庫連線(目前抓data.json)
影片react06.mp4

(1)Lab_WebAPI

安裝package.json內的MOD

npm install
跑網頁
node app.js

(2)開始接受用戶端連線

Lab_WebAPI > app.js
http://localhost:3001

     var port = process.env.port || 3001;
     app.listen(port);
     console.log("Web伺服器就緒，開始接受用戶端連線.");
     console.log("「Ctrl + C」可結束伺服器程式.");

(3)Lab_WebAPI > public > index.html

步驟於檔案內

(4)抓資料庫資料(目前抓data.json)

Lab_WebAPI > app.js

node app.js
http://localhost:3001/home/news

app.get("/home/news", function (request, response) {
	var data = fs.readFileSync(dataFileName);//資料讀進來
	var newsList = JSON.parse(data); //轉成JSON物件陣列
	response.send( JSON.stringify(newsList) ); //顯示
})

(5)Lab_WebAPI > public > index.html

步驟於檔案內 步驟20開始
把所有的內容與後端連結，使用ajax