理解RESTful架构与json-server模拟REST api的使用

Atom 发布于2019-08-21 16:24 / 1674人阅读

摘要：一什么是架构即的缩写，我们把他翻译为表述性状态传递，是博士在年他的博士论文中提出来的一种软件架构风格。是个无状态的协议，所以状态就保存在服务器端。只要少量的数据就可使用，支持和。同时支持，同时提供一系列的查询方法如。

一、什么是RESTful架构？

REST即Representational State Transfer的缩写，我们把他翻译为表述性状态传递，是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格。它是一种针对网络应用的设计和开发方式，可以降低开发的复杂性，提高系统的可伸缩性。

当然我们把一个符合这种REST风格的架构就叫做RESTful风格

二、理解REST本身的意义

1.Representational表现层
我们把"资源"具体呈现出来的形式，叫做它的"表现层"。
我们可以用URI（统一资源定位符)指向"资源"，URI只代表"资源"的位置，它的具体表现形式，应该在HTTP请求的头信息中用Accept和Content-Type字段指定，这两个字段才是对"表现层"的描述

2.State Transfer状态转化
访问一个网站就要涉及客户端与服务器端的互动，同时也肯定要涉及数据与状态的变化。网站后端提供资源查询服务的，一切皆资源，服务器保存资源，客户端请求资源。
HTTP是个无状态的协议，所以状态就保存在服务器端。所以此时客户端想要操作服务器端，就必须引起服务器端的State Transfer(状态转化)，这就需要一些手段。

客户端操作引起服务器端的State Transfer手段一般有以下四种
HTTP动词操作
GET 用来获取资源
POST 新建资源
PUT 更新资源
DELETE 删除资源

三、使用json-server模拟REST API(接口)

在开发过程中, 前后端分离，接口多半是滞后于页面开发所以需要建立一个REST风格的API接口，给前端页面提供，虚拟的数据，是非常必要的。json-server只要少量的数据就可使用，支持cors 和jsonp。同时支持get post put delete patch，同时提供一系列的查询方法如limit order。

1.配置环境
yarn add global json-server（npm install json-server -g ）

2.json数据

3.json-server的使用
我比较喜欢使用Postman(Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件),
在命令行中进入当前文件夹输入npm run server
(1).选择操作

(2).GET操作(读取id= 1 的comments)

(3).POST操作(新建id= 2 的comments)
对应的db.json中的数据

"comments": [
    {
      "body": "Hello laowang",
      "id": 1
    },
    {
      "body": "Hello json-server",
      "id": 2
    }
  ]

(4). PUT操作(更新id= 2 的comments)

 "comments": [
    {
      "body": "Hello laowang",
      "id": 1
    },
    {
      "body": "Hello update",
      "id": 2
    }
  ],

(5). DELETE操作(删除id= 2 的comments)

"comments": [
    {
      "body": "Hello laowang",
      "id": 1
    }
  ]

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88507.html

介绍两大神器！——使用json-server和faker.js模拟REST API

摘要：今天发现了一个神器在他的帮助下可以在很短的时间内搭建一个然后就可以让前端在不依赖后端的情况下进行开发啦关于什么是设计指南阮一峰简单来说，是一个模块，运行服务器，你可以指定一个文件作为的数据源。更多属性可以查看这里好啦，基本就是这样啦，今天发现了一个神器——json-server!在他的帮助下可以在很短的时间内搭建一个Rest API, 然后就可以让前端在不依赖后端的情况下进行开发啦！...

sarva 2019-08-20 14:47 评论0 收藏0
用JSON-server模拟REST API(一) 安装运行

摘要：曹县宣布昨日晚间登日成功长江流域首次发现海豚支持党中央决定抄写党章势在必行为了方便，再创建一个文件，写入然后使用到目录下执行命令，如果成功会出现你的电脑中文件夹所在目录的路径如果不成功请检查文件的格式是否正确。在开发过程中，前后端不论是否分离，接口多半是滞后于页面开发的。所以建立一个REST风格的API接口，给前端页面提供虚拟的数据，是非常有必要的。对比过多种mock工具后，我最终...

Sleepy 2019-08-19 18:36 评论0 收藏0
使用json-server来模拟REST API

摘要：官方地址使用可全局安装，也可针对项目安装。可用开启服务。数据文件格式如下让读书点燃梦想地点滨江星耀城让读书点燃梦想地点滨江星耀城仿京东购物车仿京东购物车修改里面的命令。在前端开发中，如果后端接口还没有提供，前端拿不到数据，可能就没法继续写一些交互行为的代码。这一问题可通过json-server来很好地解决。本文主要讲如何将json-server和webpack进行整合，基于vue-w...

smartlion 2019-08-20 19:02 评论0 收藏0
用JSON-server模拟REST API(三) 进阶使用

摘要：前面演示了如何安装并运行和使用第三方库真实化模拟数据下面将展开更多的配置项和数据操作。示例数据源元小总小把清保住影办历战资和总由共先定制向向圆适者定书她规置斗平相。前面演示了如何安装并运行 json server , 和使用第三方库真实化模拟数据 , 下面将展开更多的配置项和数据操作。配置项在安装好json server之后，通过 json-server -h 可以看到如下配置项...

xavier 2019-08-19 18:36 评论0 收藏0
前端的 mock server

摘要：然而扯淡的在前端前端要发请求，所以每个请求的都是，而生产环境服务器又是。前端方案因为我是在校生嘛，没办法了解到大公司的开发方式。可能后端就任性就不遵守，那么这个前端只能靠来调整，然而更多的情况是没办法调整的。在一个中大型项目中，你不可能一边写着前端一边写后端。全栈太难 :) 像rails那样的开发模式已经很不适合当前的环境了。所有的项目都嚷嚷着前后端分离，那就只能这么干我之前在做大...

lastSeries 2019-08-19 18:23 评论0 收藏0