nodejs构建mock数据

Nodejs构建mock数据并通过rest api风格调用接口访问数据

如果我们只有json格式的数据文件,我们想通过访问url方式调用居然数据

确保电脑安装node环境

如果你没有安装好node环境请移步http://nodejs.cn/

一、安装json-server

1.新建demo文件

cd demo

2.安装json-server

npm install -S json-server

3.项目demo目录下,新建一个 JSON 文件data.json和一个package.json文件

db.json内容如下

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

package.json内容如下

{

  "name": "rest-api-demo",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "server": "json-server data.json",

    "test": "..."

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "dependencies": {

    "json-server": "^0.9.4"

  }

}

二、启动服务

npm run server

三、调用rest 风格api

打开浏览器

注意这个的数据获取只是get方式请求获取到的,如需POSTPUTDELETE等 HTTP 方法的数据体进行解析请参考

https://github.com/ruanyf/jstraining/tree/master/demos#rest-api

时间: 2024-10-29 19:09:57

nodejs构建mock数据的相关文章

如何mock数据

如何mock数据 在之前前后端不分离的情况下,很多时候都要等到后端写好接口,前端很多功能才 能开发,而前后端分离,前端无需等待,可以与后端并行开发,前端需要的数据 可以mock出来,利用nodejs再生成接口,可以直接调用,等后端开发出接口再来 更换. 在build的webpack.dev.conf.js里修改 1.导入express const express=require(express) 2.创建express实例 const app=express() 3.引入数据 var goods

基于MVC+EasyUI的Web开发框架经验总结(3)- 使用Json实体类构建菜单数据

近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍使用如何使用Json实体类构建菜单数据,然后在主界面中进行使用. 菜单的界面效果如下所示,菜单分为一级菜单.二级菜单.三级菜单,他们各自

基于MVC4+EasyUI的Web开发框架经验总结(3)- 使用Json实体类构建菜单数据

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍使用如何使用Json实体类构建菜单数据,然后在主界面中进行使用. 菜单的界面效果如下所示,菜单分为一级菜单.二级菜单.三级菜单,他们各

引跑科技助力传统企业构建大数据价值体系

2015年8月11日,在工信部信息化推进司指导下,由国家两化融合创新推进联盟主办的第二届<云计算应用创新推进大会>在北京西苑酒店成功召开.大会将以"推进产业互联.探索工业4.0发展道路"为主题,深度探讨企业"云化"过程面临的挑战与问题,寻求最佳技术解决方案和实施路线,推进"企业云"建设,实现企业信息化的全面升级. 本次会议上共计有超过10多家的国有大中型企业及IT服务和供应商分享在云计算.大数据领域的实践和应用成果. 国家两化联盟,全

用vue框架mock数据

用vue 2.0 mock数据 方法一 webpack打包的项目中可以依赖express var express = require('express'): var app = express(): var appData = require("../data.json"); var seller = appData.seller; var apiRouter = express.Router(); apiRouter.get("/seller", function

使用NodeJs,实现数据抓取

学习笔记 前言 近期做一个数据抓爬工具,最开始使用的是C#控制台应用,同时正则表达式去过滤数据,看着还行,可每次运行都依附于.net framework很是不爽,于是想整点其他的方法.本人还是比较喜欢javascript的,思来想去决定用服务器端的javascript来试试! 环境.工具准备 1.[必装] 安装nodejs,下载最新nodejs,点击此处 2.[选装] 安装iisnode,以及rewrite,因为我是以IIS作为Server,所以用到了这2个IIS的拓展插件,假如仅仅只是cmd控

从0到1构建大数据生态系列1:数据蛮荒中的拓荒之举

缘起 我们都知道,当前大数据的需求基本属于遍地开花.无论是帝都.魔都,还是广州.深圳,亦或是全国其他各地,都在搞大数据:不管是不到百人的微小公司,还是几百上千人的中型公司,亦或是上万的大型公司,都在需求数据岗位. 大公司暂且不论,他们一切都走在前头.那么,对于中小型企业来说,开始尝试以数据的思维去思考问题,开始涉足大数据领域,这就是一个从0到1的过程了. 有(bu)幸(xing),近半年来,我亲自见证以及亲身体会到了这个过程,或者至今仍然在完善1这个过程中.期间,有痛苦有坑.有喜悦有成功.有沉静

vue2.0:(二)、mock数据

什么是mock数据呢?很多情况下,后台的搭建比起前端来说要麻烦的多,所以,常常是前端写好了页面以后后台接口却没有写好,但是在一个项目中,接口调试确实是最浪费时间的,所以,往往前端需要自己模拟数据. 第一步:这里有一个data.json,用来放置我们模拟的数据: 其格式类似于: 但是最后具体是什么样的数据格式,你还要根据页面的结构,信息和后台来决定. 第二步:我们需要配置来获取到接口里面的数据: 你会在build 文件夹里面找到dev-server.js,打开后,有一个地方有app.express

Flume+Kafka+Storm+Redis构建大数据实时处理系统:实时统计网站PV、UV+展示

[TOC] 1 大数据处理的常用方法 前面在我的另一篇文章中<大数据采集.清洗.处理:使用MapReduce进行离线数据分析完整案例>中已经有提及到,这里依然给出下面的图示: 前面给出的那篇文章是基于MapReduce的离线数据分析案例,其通过对网站产生的用户访问日志进行处理并分析出该网站在某天的PV.UV等数据,对应上面的图示,其走的就是离线处理的数据处理方式,而这里即将要介绍的是另外一条路线的数据处理方式,即基于Storm的在线处理,在下面给出的完整案例中,我们将会完成下面的几项工作: 1