美文网首页Web前端之路
使用node.js服务器来提供手机开发Mock数据

使用node.js服务器来提供手机开发Mock数据

作者: smartphp | 来源:发表于2017-04-15 05:43 被阅读191次

在开发手机应用和单页面的应用时需要后端提供json数据供前台解析,有时候后台的逻辑落后于前台的时候,需要使用假数据.在使用React和React-Native的时候,可以直接在UI组件里弄些数据通过state来传递给组件,但是这个方法遇到Redux的时候就有点不好使了,Redux从action到store再到UI Component的单向流动自身是一个测试的重点,所以最好能模拟一个简单的服务器来模拟远程数据的请求过程.

所以考虑这个问题,结合前面我写的一篇文章来做个简单的流程

配置两台node.js服务器

仍然需要启动两个服务器,一个是本地的地址的服务器(localhost,127.0.0.1),另外启动一个代理服务器把本机的分配ip地址转化为本机环回地址.同一网段的机器就可以访问这个服务器了.

稍微有点改动的是,这次需要从文件中返回json数据.

var express = require('express'),
    
    formidable = require('formidable');
     fs = require("fs");
     MESSAGE_PATH = './database/message.json';//定义文件路径地址

var app = express();

app.get('/', function(req, res) {  
   //读取文件  
    var json = JSON.parse(fs.readFileSync(MESSAGE_PATH, 'utf8'));
    console.log(json);
    //return(json);
    res.send(json);//返回数据


});
app.listen(app.get('port'), function(){
  console.log( 'Express started on http://localhost:' + 
    app.get('port') + '; press Ctrl-C to terminate.' );
});

这么做就完了?

当然没有啊!在介绍几个很好的工具来生成和检测json数据

  1. http://www.bejson.com很好的json解析工具

  2. http://www.yyyweb.com/demo/inner-show/json-generator.html
    这可是好工具,可以生成数据和数据列表

json-generator

Mac 下paw工具可以很好的测试url.


screenshot_55.jpg
其实更好的办法是采用leancloud或者parseServer来实现这个功能.这两个可以看一个,API基本是完全一样的.

不知道上面的想法的实现还有没有更好的办法?

相关文章

  • 使用node.js服务器来提供手机开发Mock数据

    在开发手机应用和单页面的应用时需要后端提供json数据供前台解析,有时候后台的逻辑落后于前台的时候,需要使用假数据...

  • 如何mock数据

    mock数据有搭建本地服务器mock和通过线上网站mock数据两种方法:1.搭建本地服务器安装node.js,使用...

  • Vue项目开发mock数据

    数据模拟 一、使用开发服务器配置before选项,可以直接编写接口,提供mock数据 编写接口 调用 二、代理,使...

  • 项目笔记/配置/jwt/isdangerous

    前端文件开发预览 可以使用前端node.js 提供的服务器live-server作为前端开发服务器使用。安装nod...

  • 【图文详解】如何mock数据

    目录 如何在本地通过静态服务器mock数据 如何使用Easy Mock 如何使用githubpages mock数...

  • angular (6)与服务器通信

    <1>web服务器 1、使用node.js创建服务器 node.js可以用typescript语言来开发;node...

  • mock

    mock使用优势:前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发 1,安装mock依...

  • 使用Spring Boot开发者工具进行自动重启和页面自动刷新

    简介 大家可能都听说过开发Node.js应用时可以使用多种工具对开发者提供便利,如WebPack提供了开发者服务器...

  • webpack配置基础[04]-搭建本地服务器

    webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可...

  • 本地服务器搭建

    webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可...

网友评论

    本文标题:使用node.js服务器来提供手机开发Mock数据

    本文链接:https://www.haomeiwen.com/subject/ojbgattx.html