30秒内创建完整的REST API

淡淡的烟草味﹌ 2022-05-31 05:48 146阅读 0赞

转载自：[https://www.jianshu.com/p/81373d90f9f0][https_www.jianshu.com_p_81373d90f9f0]

--------------------

安装Json-Server：

npm install -g json-server

在项目中新建一个test.json文件，我们现在要模拟一个 `/issues` 和 `/total` 接口

\\ test.json 
    { 
        "issues": [ 
            { 
                "id": 101, 
                "text": "something is not right" 
            }, 
            { 
                "id": 102, 
                "text": "crash on login" 
            } 
        ], 
        "total": { 
            "data": { 
                "exchange_count": "10", 
                "share_count": "23", 
                "patent_count": "7", 
                "article_count": "37", 
                "exchangeRecords": [] 
            }, 
            "success": true 
        } 
    }

启动服务

json-server --watch test.json --port 9090

访问localhost:9090

![这里写图片描述][70]

现在可以直接按照RESTFUL的规范调用这个接口，并且所做的POST和DELETE等请求，会直接修改test.json文件的值。

➜ ~ curl http://localhost:9090/issues 
    [ 
        { 
            "id": 101, 
            "text": "something is not right" 
        }, 
        { 
            "id": 102, 
            "text": "crash on login" 
        } 
    ]% 
    ➜ ~ curl http://localhost:9090/issues/2 
    {}% 
    ➜ ~ curl http://localhost:9090/issues/101 
    { 
        "id": 101, 
        "text": "something is not right" 
    }% 
    ➜ ~ curl -X DELETE http://localhost:9090/issues/102
    {}%

除此之外，还可以继续增加路由规则。创建一个routes.json文件

{
      "/api/": "/",
      "/blog/:resource/:id/show": "/:resource/:id" }

启动服务

json-server --watch test.json --routes routes.json

如果接口并不是Restful或者比较冗长，你也可以采取路由的方法模拟。

[https_www.jianshu.com_p_81373d90f9f0]: https://www.jianshu.com/p/81373d90f9f0
[70]: /images/20220531/d014d3dd5b494fbb96feb0315183be3a.png