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