Day60 (React)

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