使用本地json-server服务,创建简单的本地api数据

更新日期: 2020-09-15阅读: 1.5k标签: api

前言

近期在学习 vue 框架,在学习过程中,发现了一个和 mockjs 类似的第三方库: json-server。它不仅可以模拟出完美的接口数据,还可以修改请求的类型来修改本地的数据,是一个非常不错的库,所以分享记录一下使用心得。


快速上手

一.新建存储数据的文件

在电脑上创建一个专属于 json-server 的文件夹,文件夹主要是用于创建和存储 json 数据。例如: "test-json"


二.初始化 package.json

VsCode 编辑器打开 test-json 文件夹,打开终端输入命令行npm init初始化 package.json 文件,输入命令行后一直回车就可以了。

命令:

npm init


三.创建 db.json 数据文件

在 package.json 同级目录下创建一个 db.json,用于设计我们需要的 api 数据。如下所示,我们创建了一个的简简单单接口数据:

{
  "users": [
    {
      "name": "joker",
      "age": 22,
      "sex": "男"
    },
    {
      "name": "tom",
      "age": 24,
      "sex": "男"
    },
    {
      "name": "jerry",
      "age": 18,
      "sex": "男"
    }
  ]
}


四.安装 json-server

打开 IDE 终端,输入命令行npm install json-server --save-dev安装本地的 json-server。

命令:

npm install json-server --save-dev


五.配置 json-server 运行脚本

安装好 json-server 后,我们需要在 package.json 中配置运行启动 json 服务的 script。

1.json-server --watch db.json: 运行 json-server 服务,运行启动本地 api 数据。

2.json-server --watch db.json --port 8888: 运行启动 json-server 服务在本地其他端口(默认端口 3000)。

3.json-server http://jsonplaceholder.typicode.com/db: 运行启动配置远程模式 json-server 服务。

"scripts": {
  "json-server": "json-server --watch db.json --port 8888",
  "json-server:remote": "json-server http://jsonplaceholder.typicode.com/db",
},


六.运行启动服务,获取数据

运行启动服务命令后,打开postman获取本地的api数据,检测本地数据是否运行成功。

来自:https://www.cnblogs.com/BlueBerryCode/p/13808693.html

链接: https://www.fly63.com/article/detial/9721

浏览器中的图像识别 API

在 Native 开发中,Android 和 IOS 平台都在系统层面直接提供给了应用开发识别图像的一些能力,比如对于二维码/条形码的识别,Android 可以使用 barcode API 、 iOS 可以使用 CIQRCodeFeature API 。

JavaScript的API设计原则

Js的API设计原则总共包含了七个大块。系卤煮自己总结的一些经验和教训。本篇博文同时也参考了其他一些文章,相关地址会在后面贴出来。很难做到详尽充实,如果有好的建议或者不对的地方,还望不吝赐教斧正。

适合写api接口文档的管理工具有哪些?

现在越来越流行前后端分离开发,使用ajax交互。所以api接口文档就变的十分有意义了,目前市场有哪些比较优秀的接口文档管理工具呢?比如:MinDoc,eoLinker,apizza,RAML,Swagger等等

前后端分离,如何防止api接口被恶意调用或攻击

无论网站,还是App目前基本都是基于api接口模式的开发,那么api的安全就尤为重要了。目前攻击最常见的就是“短信轰炸机”,由于短信接口验证是App,网站检验用户手机号最真实的途径,使用短信验证码在提供便利的同时,也成了呗恶意攻击的对象,那么如何才能防止被恶意调用呢?

JSON API免费接口_ 免费的天气预报、地图、IP、手机信息查询、翻译、新闻等api接口

整理提供最新的各种免费JSON接口,其中有部分需要用JSONP调用。方面前端同学的学习或在网站中的使用,包括:免费的天气预报、地图、IP、手机信息查询、翻译、新闻等api接口

什么是RESTful API?

要弄清楚什么是RESTful API,首先要弄清楚什么是REST。REST -- REpresentational State Transfer,英语的直译就是“表现层状态转移”。如果看这个概念,估计没几个人能明白是什么意思。

认识 Fetch API

Fetch API 已经作为现代浏览器中异步网络请求的标准方法,其使用 Promise 作为基本构造要素。Fetch 在主流浏览器中都有很好的支持,除了IE。

用一个通俗的例子讲清楚API

随着移动互联网的发展, 基于互联网的应用正变得越来越普及,在这个过程中,更多的平台将自身的资源开放给开发者来调用。对外提供的API 调用使得平台之间的内容关联性更强,同时这些开放的平台也为用户、开发者和中小网站带来了更大的价值。

docker提供api访问

环境centos,添加deamon.json后,dockerd命令可以启动docker,这时请求 127.0.0.1:2375 可以正常访问,使用systemctl无法启动docker的情况.无法启动docker:查看当前的docker配置

构建API的最佳编程语言是什么?

你是否正在设计第一个Web应用程序?也许你过去已经建立了一些,但是目前也正在寻找语言的变化以提高你的技能,或尝试新的东西。有了所有信息,就很难决定为下一个产品或项目选择哪种编程语言。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!