Node.JS搭建简易版json服务

node.js对于追逐全栈开发的小伙伴们自然不陌生。他是建立与chrome v8引擎下的高性能，异步io、事件驱动javascript语言，使编写高性能web服务轻而易举。今天要分享的是一个使用node.js逐步推演建立一个完善的json服务的过程。通过对代码逐步完善来介绍node.js的特点及执行流程。闲话少许，进入正题。

业务场景描述：监听指定端口，分析请求url，返回对应的图片目录或图片文件列表。Round 1:搭建json服务 监听8000端口

登录后复制

var _http=require("http");var _url=require("url");var _fs=require("fs");/** * test res show message is success! */var _server=_http.createServer((req,res)=>{    console.log("json webservice is running");    res.end("hello accp!");});_server.listen(8000);

登录后复制

已上代码实现监听本地8000端口，当通过浏览器访问时，即可触发对应代码。如图

Round 2 ： 返回json格式数据

登录后复制

var _http=require("http");var _url=require("url");var _fs=require("fs");/** * test res show json message is success! */var  _server=_http.createServer((req,res)=>{    console.log("json sebservice is running!");    //http://nodejs.cn/api/http.html#http_response_writehead_statuscode_statusmessage_headers    //response html head http://www.runoob.com/http/http-header-fields.html    //Content-Type MIME VALUES    //a pplication/msword        doc    Microsoft Word    // application/octet-stream bin    dms lha lzh exe class    可执行程序    // application/pdf    pdf    Adobe Acrobat    // application/postscript    ai eps ps    PostScript    // appication/powerpoint    ppt    Microsoft Powerpoint    // appication/rtf    rtf    rtf 格式    // appication/x-compress    z    unix 压缩文件    // application/x-gzip    gz    gzip    // application/x-gtar    gtar    tar 文档 (gnu 格式 )    // application/x-shockwave-flash    swf    MacroMedia Flash    // application/x-tar    tar    tar(4.3BSD)    // application/zip    zip    winzip    // audio/basic    au snd    sun/next 声音文件    // audio/mpeg    mpeg mp2    Mpeg 声音文件    // audio/x-aiff    mid midi rmf    Midi 格式    // audio/x-pn-realaudio    ram ra    Real Audio 声音    // audio/x-pn-realaudio-plugin    rpm    Real Audio 插件    // audio/x-wav    wav    Microsoft Windows 声音    // image/cgm    cgm    计算机图形元文件    // image/gif    gif    COMPUSERVE GIF 图像    // image/jpeg    jpeg jpg jpe    JPEG 图像    // image/png    png    PNG 图像    // text/html    HTML     // text/plain          TXT     // text/xml             XML    // text/json           json字符串        res.writeHead(200,{'Content-Type':'text/json'});    var out={        err:null,        data:{            showMessage:"hello world"        }    };    res.end(JSON.stringify(out));});_server.listen(8000);

登录后复制

Round 3：测试 json webservice 输出 文件夹列表 列表

登录后复制

/** *  * @authors Your Name (you@example.org) * @date    2018-02-21 14:44:34 * @version $Id$ */var _http=require("http");var _url=require("url");var _fs=require("fs");/** * 测试 json webservice 输出 文件夹列表 */var _server=_http.createServer((req,res)=>{    console.log("json webservice is running!");    var out={};    load_image_list((err,files)=>{        if(err){            res.writeHead(403,{                "Content-Type":"text/json; charset=utf-8"            });            out={err:err,data:{}};            res.end(JSON.stringify(out));            return;        }        //指定 返回字符串编码        res.writeHead(200,{            "Content-Type":"text/json; charset=utf-8"        });        out={err:err,data:{imageList:files}};        res.end(JSON.stringify(out),'utf-8');        return;    });    //http://nodejs.cn/api/fs.html#fs_fs_readdir_path_options_callback    });/** * 初始化 图片列表 返回 指定图片文件夹列表 * bug 未对目录下 文件类型进行判断 同时返回 当前目录下 所有文件类型 * @param  {Function} callback 回调函数 * * @return {[type]}            [description] */var load_image_list=function(callback){    _fs.readdir("images/",(err,files)=>{        if(err){            callback(err);            console.log("load_image_list try exception!");            return;        }        callback(null,files);    });};_server.listen(8000);

登录后复制

这里可以看到load_image_list方法注释内容提到，当前代码存在一定的漏洞，如果当前文件夹目录下存在图片文件，在返回结果时也会返回如图。针对此bug修改load_image_list。

** * 初始化 图片列表 返回 指定图片文件夹列表 * 增加 对指定目录下 文件类型的判断 只返回 文件夹 * @param  {Function} callback 回调函数 * * @return {[type]}            [description] */var load_image_list=function(callback){    _fs.readdir('images/',(err,files)=>{        if(err){            console.log("load image list throw exception!");            callback(err);            return;        }        var only_dir=[];        //创建 匿名方法 通过递归方式 将异步判断 变更为 同步判断                (function rtnPathIsDirList(index){            if(index==files.length){                callback(null,only_dir);                return;            }            _fs.stat("images/"+files[index], (err,stats)=>{                if(err){                    console.log("load image list check file type throw exception!");                    callback(err);                    return;                }                if(stats.isDirectory()){                    only_dir.push(files[index]);                }                rtnPathIsDirList(index+1);                return;            });        })(0);    });};

登录后复制

Round 4 ：增加 路由器 功能 针对 传递进来的 url进行 分析

登录后复制

/** *  * @authors Your Name (you@example.org) * @date    2018-02-21 15:01:25 * @version $Id$ */var _http=require("http");var _url=require("url");var _fs=require("fs");/** * 测试 json webservice 输出 文件夹列表 * 增加 路由器 功能 针对 传递进来的 url进行 分析  * 增加 加载 图片列表 文件目录 输入 */var _url=require('url');var _server=_http.createServer((req,res)=>{    console.log("json webservice is running!");    var out={};    //增加 请求 url 的分析    console.log(req.url);    var urlValue=req.url;    var urlLength=urlValue.length;    //console.log("urlValue.substr(1,11)"+urlValue.substr(1,11));    //排除 浏览器 发起的 获取 图标请求    if(urlValue=="/favicon.ico"){        console.log("web brower favicon request!");        res.end();        return;    }    if(urlValue=="/images.json"){        //获取 根目录 文件夹列表        console.log("load images list is running!");        handle_list_image(req,res,urlValue.substr(1,6)+"/");        return;    }else if(urlValue.substr(1,6)=="images"&&urlValue.substr(urlLength-4)=="json"){        //加载 某一个 目录下 的文件                console.log("load image path:"+urlValue.substr(1,urlValue.length-6));        handle_list_imageFile(req,res,urlValue.substr(1,urlValue.length-6)+"/");        return;    }else{        //无正常 数据 加载 返回404 错误。        sendFailMessage(404,"请求页面不存在",res);        console.log("error");        return;    }        //http://nodejs.cn/api/fs.html#fs_fs_readdir_path_options_callback    });/** * 获取图片列表 * 增加加载图片列表路径参数 * 将返回成功信息和失败信息进行封装 * * @param  {[type]} req [description] * @param  {[type]} res [description] * @param  {[string]} filePath [加载更目录] * * @return {[type]}     [description] */var handle_list_image=function(req,res,filePath){    load_image_list(filePath,(err,files)=>{        if(err){            // res.writeHead(403,{            //     "Content-Type":"text/json; charset=utf-8"            // });            // out={err:err,data:{}};            // res.end(JSON.stringify(out));            sendFailMessage(403,err,res);            return;        }        //指定 返回字符串编码                // res.writeHead(200,{        //     "Content-Type":"text/json; charset=utf-8"        // });        // out={err:null,data:{imageList:files}};        // res.end(JSON.stringify(out),'utf-8');        //         var data={imageList:files};        sendSuccessMessage(data,res);        return;    });};/** * 获取文件 图片文件列表 * * @param  {[type]} req      [description] * @param  {[type]} res      [description] * @param  {[type]} filePath [description] * * @return {[type]}          [description] */var handle_list_imageFile=function(req,res,filePath){    load_imageFile_list(filePath,(err,files)=>{        if(err){            // res.writeHead(403,{            //     "Content-Type":"text/json; charset=utf-8"            // });            // out={err:err,data:{}};            // res.end(JSON.stringify(out));            sendFailMessage(403,err,res);            return;        }        //指定 返回字符串编码                // res.writeHead(200,{        //     "Content-Type":"text/json; charset=utf-8"        // });        // out={err:null,data:{imageList:files}};        // res.end(JSON.stringify(out),'utf-8');        //         var data={imageList:files};        sendSuccessMessage(data,res);        return;    });};/** * 返回成功信息 * * @param  {json} dataContent 返回数据json信息 * @param  {response} res         [description] * * @return {[type]}             [description] */var sendSuccessMessage=function(dataContent,res){    //指定 返回字符串编码    res.writeHead(200,{        "Content-Type":"text/json; charset=utf-8"    });    out={err:null,data:dataContent};    res.end(JSON.stringify(out),'utf-8');}/** * 返回失败信息 * * @param  {int} code 失败代码 * @param  {error} err  [description] * @param  {[type]} res  [description] * * @return {[type]}      [description] */var sendFailMessage=function(code,err,res){    res.writeHead(code,{            "Content-Type":"text/json; charset=utf-8"    });    out={err:err,data:{}};    res.end(JSON.stringify(out));}/** * 初始化 图片列表 返回 指定图片文件夹列表 * 增加 对指定目录下 文件类型的判断 只返回 文件夹 * 增加 遍历目录 变量     * @param  {stinrg}   filePath 加载目录  * @param  {Function} callback 回调函数 * * @return {[type]}            [description] */var load_image_list=function(filePath,callback){    _fs.readdir(filePath,(err,files)=>{        if(err){            console.log("load image list throw exception!");            callback(err);            return;        }        var only_dir=[];        //创建 匿名方法 通过递归方式 将异步判断 变更为 同步判断                (function rtnPathIsDirList(index){            if(index==files.length){                callback(null,only_dir);                return;            }            _fs.stat(filePath+files[index], (err,stats)=>{                if(err){                    console.log("load image list check file type throw exception!");                    callback(err);                    return;                }                if(stats.isDirectory()){                    only_dir.push(files[index]);                }                rtnPathIsDirList(index+1);                return;            });        })(0);    });};/** * 初始化 图片列表 返回 指定图片文件列表 * 增加 对指定目录下 文件类型的判断 只返回 文件 * 增加 遍历目录 变量     * @param  {stinrg}   filePath 加载目录  * @param  {Function} callback 回调函数 * * @return {[type]}            [description] */var load_imageFile_list=function(filePath,callback){    _fs.readdir(filePath,(err,files)=>{        if(err){            console.log("load image file list throw exception!");            callback(err);            return;        }        var only_dir=[];        //创建 匿名方法 通过递归方式 将异步判断 变更为 同步判断                (function rtnPathIsDirList(index){            if(index==files.length){                callback(null,only_dir);                return;            }            _fs.stat(filePath+files[index], (err,stats)=>{                if(err){                    console.log("load image list check file type throw exception!");                    callback(err);                    return;                }                if(stats.isFile()&&files[index].substr(files[index].length-3,3)=="jpg"){                    console.log("files[index]:"+files[index]);                    console.log("files[index].substr(files[index].length-3,3):"+files[index].substr(files[index].length-3,3)+"");                    only_dir.push(files[index]);                }                                rtnPathIsDirList(index+1);                return;            });        })(0);    });};_server.listen(8000);

登录后复制

这里主要是增加了路由的功能，测试访问路径如下：
http://localhost:8000  返回结果如图；

http://localhost:8000/images.json 返回结果如图；

http://localhost:8000/images/image1.json 返回结果如图；

相关推荐：

js调用json的方法总结

html里table表数据如何转为Json格式

Ajax前后端使用JSON进行交互实现方法

以上就是Node.JS搭建简易版json服务的详细内容，更多请关注【创想鸟】其它相关文章！