Node之从入门到高级入门

客官°小女子只卖身不卖艺 2022-05-24 00:54 243阅读 0赞

#### 概述 ####

本文主要利用node搭建服务器，配置路由，处理请求，最终实现了图片上传及在浏览器中展示功能。

#### 功能模块 ####

*  index.js 入口文件
 *  server.js 服务器搭建
 *  routes.js 配置路由
 *  requestHandles.js 处理请求

#### 架构梳理 ####

1.  indes.js作为入口文件，配置不同路由的请求处理函数；并把touter和handler处理函数对象传递给 server.js
2.  server.js 响应请求，把请求&响应数据&处理函数传递给 router.js；
3.  router.js 根据传递的路由，路径进行调用 handler处理函数
4.  requestHandles.js 定义不同路由的处理函数

#### 知识点 ####

1.  模块分离
2.  利用child\_process 非阻塞模型
3.  表单处理包formidable

> index.js同级目录下新建tmp文件夹。  
> 运行 npm install formidable; node indes.js

##### index.js #####

var server = require('./server.js');
    var router = require('./router.js');
    var requestHandles = require('./requestHandles');
    var handle = {};
    handle['/'] = requestHandles.start; handle['/start'] = requestHandles.start; handle['/upload'] = requestHandles.upload; handle['/show'] = requestHandles.show; server.start(router.route, handle);

##### server.js #####

var http = require('http');
    var url = require('url');
    
    /*function start(route, handle) {
        function onRequest(request, response) {
            var postData = '';
            var pathname = url.parse(request.url).pathname;
            console.log('request for ' + pathname + ' recevied');
            request.setEncoding('utf8');
            request.addListener('data', function(postDataChunk) {
                postData += postDataChunk;
                console.log("Received POST data chunk '" +
                    postDataChunk + "'.");
            })
            request.addListener('end', function() {
                route(handle, pathname, response, postData);
            })
        }
        http.createServer(onRequest).listen(8888);
        console.log('server start');
    }*/
    function start(route, handle) {
        function onRequest(request, response) {
            var pathname = url.parse(request.url).pathname;
            console.log("Request for " + pathname + " received.");
            route(handle, pathname, response, request);
        }
    
        http.createServer(onRequest).listen(8888);
        console.log("Server has started.");
    }
    exports.start = start;

##### routes.js #####

/*function route(handle, pathname, response, postData) {
        console.log('about to route a request for ' + pathname);
        if (typeof handle[pathname] === 'function') { 
            handle[pathname](response, postData);
        } else {
            console.log('not request handler found for ' + pathname);
            response.writeHead(404, { "Content-Type": "text/plain" });
            response.write('404 not found');
            response.end();
        }
    }*/
    function route(handle, pathname, response, request) {
        console.log("About to route a request for " + pathname);
        if (typeof handle[pathname] === 'function') { 
            handle[pathname](response, request);
        } else {
            console.log("No request handler found for " + pathname);
            response.writeHead(404, { "Content-Type": "text/html" });
            response.write("404 Not found");
            response.end();
        }
    }
    exports.route = route;

#### requestHandles.js ####

var exec = require('child_process').exec;
    var querystring = require("querystring");
    var fs = require('fs');
    var formidable = require("formidable");
    
    function start(response, postData) {
        console.log('request handle "start" is called');
        //非阻塞操作
        /*exec("ls-lah", function(error, stdout, stderr) {
            response.writeHead(200, { 'Content-Type': 'text/plain' });
            response.write(stdout);
            response.end();
        })*/
        var body = '<html>' +
            '<head>' +
            '<meta http-equiv="Content-Type" ' +
            'content="text/html; charset=UTF-8" />' +
            '</head>' +
            '<body>' +
            '<form action="/upload" enctype="multipart/form-data" ' +
            'method="post">' +
            '<input type="file" name="upload">' +
            '<input type="submit" value="Upload file" />' +
            '</form>' +
            '</body>' +
            '</html>';
        response.writeHead(200, { 'Content-Type': 'text/html' });
        response.write(body);
        response.end();
    }
    
    /*function upload(response, postData) {
        console.log('request handle "upload" is called');
        response.writeHead(200, { "Content-Type": "text/plain" });
        response.write("You've sent: " + querystring.parse(postData).text);
        response.end();
    }*/
    function upload(response, request) {
        console.log("Request handler 'upload' was called.");
    
        var form = new formidable.IncomingForm();
        console.log("about to parse");
        form.parse(request, function(error, fields, files) {
            console.log("parsing done");
            fs.renameSync(files.upload.path, "./tmp/test.jpg");
            response.writeHead(200, { "Content-Type": "text/html" });
            response.write("received image:<br/>");
            response.write("<img src='/show' />");
            response.end();
        });
    }
    
    function show(response, postData) {
        console.log('request handle "show" is called');
        fs.readFile('./tmp/test.jpg', "binary", function(error, file) {
            if (error) {
                response.writeHead(500, { "Content-Type": "text/plain" });
                response.write(error + '\n');
                response.end();
            } else {
                response.writeHead(200, { "Content-Type": "image/jpg" });
                response.write(file, "binary");
                response.end();
            }
        })
    }
    exports.start = start;
    exports.upload = upload;
    exports.show = show;

[参考文献：https://www.nodebeginner.org/index-zh-cn.html\#how-function-passing-makes-our-http-server-work][https_www.nodebeginner.org_index-zh-cn.html_how-function-passing-makes-our-http-server-work]

[https_www.nodebeginner.org_index-zh-cn.html_how-function-passing-makes-our-http-server-work]: https://www.nodebeginner.org/index-zh-cn.html#how-function-passing-makes-our-http-server-work

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java--SpringBoot从入门到高级

> 前言:学习SpringBoot不应该直接就是开始使用SpringBoot,如果直接拿来用肯定会有很多人不是很明白特别刚开始入门的,当然官网上也有快速上手的教程但是官网上跨度

迷南。/ 2023年10月05日 13:53/ 0 赞/ 19 阅读

相关 Android从入门到进阶之高级控件

高级控件 1.自动完成文本控件 > 在搜索引擎（百度、搜狗）输入几个文字，会出来一些提示。可以减少用户的输入，提高程序的效率。刚才看到的自动提示，ajax技术。

た入场券/ 2022年09月12日 11:43/ 0 赞/ 195 阅读

相关 Vuex从入门到入门

Vuex 是什么？官方是这么说的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种

一时失言乱红尘/ 2022年06月11日 02:44/ 0 赞/ 392 阅读

相关 Node之从入门到高级入门

概述本文主要利用node搭建服务器，配置路由，处理请求，最终实现了图片上传及在浏览器中展示功能。功能模块 index.js 入口文件 server

客官°小女子只卖身不卖艺/ 2022年05月24日 00:54/ 0 赞/ 244 阅读

相关 Node.js从入门到实战（二）

一、Node.js中的模块 Node.js使用require引入依赖的模块，因此模块是Node.js中的重要组成部分，这篇博客主要罗列一下常用的Node.js模块，并且在后期

左手的ㄟ右手/ 2022年05月21日 05:24/ 0 赞/ 184 阅读

相关 Node.js从入门到实战（一）

一、Intellj Idea下的初始工程使用Idea创建的Node.js Express工程创建成功后运行， ![20180120212456518][] 访

迈不过友情╰/ 2022年05月21日 05:24/ 0 赞/ 183 阅读

相关 springboot从入门到高级

> 前言:学习SpringBoot不应该直接就是开始使用SpringBoot,如果直接拿来用肯定会有很多人不是很明白特别刚开始入门的,当然官网上也有快速上手的教程但是官网上跨度

r囧r小猫/ 2022年04月05日 15:28/ 0 赞/ 227 阅读

相关从入门到高级Java书籍推荐

前言不管你是转行来学习Java编程，还是你本来就是计算机专业并且继续在这一领域深耕的。除了，大学专业课程的学习以及工作中的实践之外；业余时间的充电，成了技术人员提升自己

偏执的太偏执、/ 2022年04月04日 06:10/ 0 赞/ 249 阅读

相关 zabbix入门到高级

1.Zabbix简介： Zabbix 是一个基于 WEB 界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案。zabbix 能监视各种网络参数，保证服务器系统的安

ゝ一纸荒年。/ 2022年01月15日 15:57/ 0 赞/ 274 阅读

相关重构之从入门到放弃

> 一个在运行的活的大系统是一个怪兽，需要大量年富力强的程序员的献祭 > ——大魔法师：翁一刀之前公司我所在的部门是在线预订部。我们部门是新成立的部门，当时没什么人愿意

浅浅的花香味﹌/ 2021年06月26日 16:06/ 0 赞/ 406 阅读