Node.js RESTful API

以下為 REST 基本架構的四個方法：

• GET - 用于獲取資料，

• PUT - 用于更新或添加資料，

• DELETE - 用于洗掉資料，

• POST - 用于添加資料，

首先，創建一個 json 資料資源檔案 users.json

{
    "user1":{
        "name":"cyy1",
        "password":"password1",
        "hobby":"html",
        "id":1
    },
    "user2":{
        "name":"cyy2",
        "password":"password2",
        "hobby":"css",
        "id":2
    },
    "user1":{
        "name":"cyy3",
        "password":"password3",
        "hobby":"js",
        "id":3
    }
}

接下來讓我們創建以下 RESTful API：

創建 RESTful API listUsers，用于讀取用戶的資訊串列， server.js

var express=require("express");
var app=express();//使用express框架
var fs=require("fs");//檔案操作

//路由 localhost:8081/listUsers
app.get("/listUsers",function(req,res){
    fs.readFile(__dirname+"/"+"users.json","utf8",function(err,data){
        console.log(data);
        res.end(data);
    })
})

var server=app.listen(8081,function(){
    var host=server.address().address;//監聽網址
    var port=server.address().port;//監聽埠
    console.log("訪問%s:%s",host,port);
})

 瀏覽器訪問：http://127.0.0.1:8081/listUsers

創建 RESTful API addUser， 用于添加新的用戶資料，server.js

var express=require("express");
var app=express();//使用express框架
var fs=require("fs");//檔案操作

//添加新的用戶資料
var user={
    "user4":{
        "name":"cyy4",
        "password":"password4",
        "hobby":"jQuery",
        "id":4
    }
}

//路由 localhost:8081/addUser
app.get("/addUser",function(req,res){
    fs.readFile(__dirname+"/"+"users.json","utf8",function(err,data){
        data=JSON.parse(data);
        data["user4"]=user["user4"];

        console.log(data);
        res.end(JSON.stringify(data));
    })
})

var server=app.listen(8081,function(){
    var host=server.address().address;//監聽網址
    var port=server.address().port;//監聽埠
    console.log("訪問%s:%s",host,port);
})

 瀏覽器訪問： http://127.0.0.1:8081/addUser

 查看users.json

 沒變，呵呵呵呵呵

創建 RESTful API :id（用戶id）， 用于讀取指定用戶的詳細資訊

var express=require("express");
var app=express();//使用express框架
var fs=require("fs");//檔案操作

//路由 localhost:8081/:id
app.get("/:id",function(req,res){
    fs.readFile(__dirname+"/"+"users.json","utf8",function(err,data){
        data=JSON.parse(data);
        var user=data["user"+req.params.id];
        console.log(user);
        res.end(JSON.stringify(user));
    });
});

var server=app.listen(8081,function(){
    var host=server.address().address;//監聽網址
    var port=server.address().port;//監聽埠
    console.log("訪問%s:%s",host,port);
});

 瀏覽器訪問：http://127.0.0.1:8081/2

創建 RESTful API deleteUser， 用于洗掉指定用戶的詳細資訊

var express=require("express");
var app=express();//使用express框架
var fs=require("fs");//檔案操作

var id=2;
//路由 localhost:8081/deleteUser
app.get("/deleteUser",function(req,res){
    fs.readFile(__dirname+"/"+"users.json","utf8",function(err,data){
        data=JSON.parse(data);
        delete data["user"+id];
        console.log(data);
        res.end(JSON.stringify(data));
    });
});

var server=app.listen(8081,function(){
    var host=server.address().address;//監聽網址
    var port=server.address().port;//監聽埠
    console.log("訪問%s:%s",host,port);
});

瀏覽器訪問： http://127.0.0.1:8081/deleteUser

如果有人和我一樣遇到亂碼的問題，除了不是檔案讀取的編碼問題，可以考慮為瀏覽器自動為沒有在 html > head 中解釋編碼的 html 編碼為本地默認編碼，

可以主動添加 head：

話說我加上這句之后瀏覽器列印結果感覺變深了==

標籤：JavaScript

上一篇：了解檔案物件模型DOM（Document Object Model）

下一篇：HTML部分元素