利用node js快速模拟REST API

REST API即使通过网络进行调用的API接口,与具体的编程语言无关。现在常见的是通过标准的HTTP GET/POST请求,从服务器获取响应的资源或服务,服务器返回调用的结果内容,一般为xml格式或者json格式的数据(现在使用json的更多)。

在开发App的时候,一般原型设计好(如使用just in mind之类的工具)之后,我们会设计出与服务器交互的接口文档。一般情况下,App的开发进度(尤其原型)要快于服务器的开发进度。在App静态原型开发完到服务器实现所有的交互接口这段期间内,我们当然不能闲着。这时,我们可以本地模拟一个HTTP服务器,从而可以继续App的”动态化”开发。

由于对javascript比较熟悉,简单看了一下node js之后,就使用它来开发本地的HTTP服务器并提供各种交互的接口。这里记录一下是怎么一步一步实现的。

一步一步实现HTTP服务器

示例起见,杜撰了3个接口(无论多少个,原理都一样),如下:

焦点图
/sample_app/focus_pic

文章列表
/sample_app/article_list

文章详情
/sample_app/article_detail

我们可以将服务器划分为以下几个模块:

  1. 入口 - app.js,总体管理服务器。一般是启动服务器
  2. server模块 - server.js,负责服务器的配置与请求的转发。如服务器监听的端口,请求日志的记录,请求转发至具体的处理函数等
  3. router模块 - router.js,顾名思义,负责请求的路由功能。例如,我们在这里可以将不同的请求地址转发至不同的函数处理。
  4. request handlers模块 - request_handler.js,针对每个请求进行处理的函数都定义在这个模块里边。
  5. response template模块,由于我们只是快速模拟提供Web API服务的HTTP服务器,所以真正返回的内容写在模板里边即可。

其实3个接口的路由(将不同的请求转到对应的处理函数)按照道理应该在router模块中进行处理,但是因为针对每个接口的处理逻辑都是相同的,只是返回的内容不同,我就把路由逻辑转到request handlers模块中去了。具体如何写,可以根据实际的情况进行调整,这里边只是提供一个思路而已。

单看文字还是比较晦涩的,我们来看一下具体的代码:
server.js

/**
 * Created by FIMH on 2016/05/05.
 */
var http = require('http');
var url = require('url');

function start(route, handle) {
    function onRequest(request, response) {
        // 获取请求路径
        var parsedUrl = url.parse(request.url);
        var pathname = parsedUrl.pathname;

        console.log('Request for ' + pathname + ' received.');

        route(handle, parsedUrl, request, response);
    }

    http.createServer(onRequest).listen(9999);
    console.log('Server has started.');
}

exports.start = start;

可以看到,主要配置了HTTP服务器监听的端口 - 9999,以及打印了一条log信息,然后将请求转至router模块进行处理

router.js

/**
 * Created by FIMH on 2016/05/05.
 */
// 针对不同的请求,做出不同的相应
function route(handler, parsedUrl, request, response) {
    var pathname = parsedUrl.pathname;
    console.log('About to route a request for ' + pathname);

    // 禁止访问favicon.ico
    if (!pathname.indexOf('/favicon.ico')) {
        return;
    }

    // 这里不用检查请求路径是否正确,将路由放到handle对应的函数中去
    handler(parsedUrl, request, response);
}

exports.route = route;

这里我们主要拦截了对favicon.ico文件的访问,关于这个文件是什么,大家可以自行搜索。
前面也提到了,由于这个sample里边,每个接口的处理逻辑都是相同的,只是返回的内容不同,我就把路由逻辑转到request handlers模块中去了。

真正的处理逻辑都在下面这个模块中
requests_handlers.js

/**
 * 请求处理入口。
 */
function handleRequests(parsedUrl, request, response) {
    // 解码并解析querystring
    //var queryStringUtil = require('querystring');
    //var queryString = parsedUrl.query;
    //var queryStringResultObject = queryStringUtil.parse(queryString);

    var pathname = parsedUrl.pathname;

    // 在这里进行处理
}

exports.handleRequests = handleRequests;

这里,我只贴了一个请求处理的入口函数。
在这个地方我重构了一次,最初的处理逻辑大致如下:

    var templateName;
    var innerHtml;
    if (pathname == '/sample_app/focus_pic') {
       templateName = 'focus_pic';
    } else if (pathname == '/sample_app/article_list') {
        templateName = 'article_list';
    } else if (pathname == '/sample_app/article_detail') {
        templateName = 'article_detail';
        innerHtml = 'article';
    }

    if (templateName) {
        handleValidRequest(request, response, templateName, innerHtml);
    } else {
        handleErrorOutput(request, response, 400, 'Invalid request url!');
    }

因为这里只是3个请求,看着还不明显,如果比较多了,那么if…else写起来就太烦了,这时候我想起来好多js语言的项目(如cocos 2d-js,egret)都会使用json文件作为项目的配置文件,依次来简化代码并提高灵活性。

这时,我们可以定义一个项目的配置文件,我这里取名叫appProperties.json,内容如下

{
  "route": {
    "/sample_app/focus_pic": {
      "template": "focus_pic"
    },
    "/sample_app/article_list": {
      "template": "article_list"
    },
    "/sample_app/article_detail": {
      "template": "article_detail",
      "inner_html": "article"
    }
  }
}

然后我们修改前面提到的模块 - requests_handlers.js
先定义一个全局变量var routeObj;
然后在函数handleRequests里这样处理:

// 解析route配置信息
    if (!routeObj) {
        var fs = require('fs');
        var propertiesPath = './appProperties.json';
        var propertiesData = fs.readFileSync(propertiesPath, 'utf-8');

        routeObj = JSON.parse(propertiesData);
    }

    var templateObj = routeObj['route'][pathname];
    if (templateObj) {
        handleValidRequest(request, response, templateObj['template'], templateObj['inner_html']);
    } else {
        handleErrorOutput(request, response, 400, 'Invalid request url!');
    }

重构之后,无论接口有多少个,处理的代码依然是这几行;而重构前的方法,每添加一个接口,都需要增加一个 else if
拿算法复杂度的概念来比对,重构前就是O(n),而重构后则为O(1)。

其实这就是设计模式中策略模式的变种,有兴趣的话可以查看这篇文章 JAVA设计模式:策略模式(你还在使用IF ELSE IF吗?)

关于response template模块的处理,这里就不贴代码了。主要是使用node js同步或者异步读取模板文件,还有对json对象的序列化,编辑与反序列化。大家有兴趣的话可以看整个sample的源代码,见文章底部。

总结与源代码

如果使用传统的方式,你需要安装一个http服务器 - 如apache,还有一个语言处理模块 - 如php。
而使用了node js之后,你只需要安装一个node运行时,剩下的http服务器,请求解析,处理,返回等全部使用js来进行编写即可,而且书写的代码量也很小。

整个项目的代码我放到github上了,详见nodejs_sample_app

你可能感兴趣的:(MISC)