Nodejs入门-基于Node.js的简单应用

时间 2019-11-12

标签 nodejs 入门基于 node.js node 简单应用栏目 Node.js 繁體版

原文原文链接

服务端JavaScript

　　众所周知的，JavaScript是运行在浏览器的脚本语言，JavaScript一般做为客户端程序设计语言使用，以JavaScript写出的程序常在用户的浏览器上运行。直至Nodejs的出现，Node.js大部分基本模块都用JavaScript语言编写，Node.js的出现使JavaScript也能用于服务器端编程。Node.js含有一系列内置模块，使得程序能够脱离Apache HTTP Server或IIS，做为独立服务器运行。html

Node.js概况

　　Node.js容许经过JavaScript和一系列模块来编写服务器端应用和网络相关的应用。node

　　核心模块包括文件系统I/O、网络（HTTP、TCP、UDP、DNS、TLS/SSL等）、二进制数据流、加密算法、数据流等等。git

　　运用Node.js的相关框架能够快速的完成应用的开发，经常使用的框架有Express.js、Koa.js、Socket.IO和Connect等。github

　　Node.js主要用于编写像Web服务器同样的网络应用，这和PHP和Python是相似的。可是Node.js与其余语言最大的不一样之处在于，PHP等语言是阻塞的（只有前一条命令执行完毕才会执行后面的命令），而Node.js是非阻塞的（多条命令能够同时被运行，经过回调函数得知命令已结束运行）。算法

　　Node.js是事件驱动的。开发者能够在不使用线程的状况下开发出一个可以承载高并发的服务器。shell

　　Node.js使用Google V8JavaScript 引擎，由于V8是基于BSD许可证的开源软件且速度很是快而且专一于网络功能，在HTTP、DNS、TCP等方面更加成熟。npm

　　Node.js的包管理器npm可完成相关依赖包的模块下载。编程

Node.js简单应用

　　应用说明：经过启动本地服务器，完成图片上传并展现的功能。api

　　1、须要的模块

　　HTTP服务器模块（HTTP服务器）：http://nodejs.cn/api/http.html#http_http浏览器

　　fs模块（文件系统）：http://nodejs.cn/api/fs.html#fs_file_system

　　url模块（网址）：http://nodejs.cn/api/url.html#url_class_url

　　formidable模块（处理文件上传，ps：该模块须要npm install安装）：https://cnodejs.org/topic/4f16442ccae1f4aa2700104d

　　2、思路分析

　　1.启动服务器，发送HTTP请求

　　2.经过获取请求参数，执行路由跳转或处理程序

　　3、模块抽取及代码展现

　　1.抽取出主页面index.js（解耦）

/**
 * Created by aaron.
 */
var server=require('./server');
var router=require('./router');
var requestHandlers=require('./requestHandlers')

var handle={}
    handle['/']=requestHandlers.start,
    handle['/start']=requestHandlers.start,
    handle['/upload']=requestHandlers.upload,
    handle['/show']=requestHandlers.show;

server.start(router.route,handle);

　　2.建立服务器并监听客户端请求事件server.js

/**
 * Created by aaron.
 */
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+'received');

        //node-formidable会对postData及setEncoding处理
        /*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);
        })*/
        route(handle,pathname,response,request);

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

exports.start=start;

　　3.获取请求参数并执行路由跳转router.js

/**
 * Created by aaron.
 */
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/plain'});
        response.write('404 Not found');
        response.end();
    }
}

exports.route=route;

　　4.请求处理程序并做出响应requestHandler.js

/**
 * Created by aaron.
 */
//执行非阻塞操做，从node来执行一个shell命令
var exec=require('child_process').exec;
var querystring=require('querystring');
var fs=require('fs');
var formidable=require('formidable');

function start(response) {
    console.log('Request handler "start" was called.');

    var body='<html>' +
        '<head>' +
        '<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>' +
        '</head>' +
        '<body>' +
        '<form action="/upload" method="post" enctype="multipart/form-data">' +
        '<input type="file" name="upload"/>' +
        '<br/>'+
        '<input type="submit" value="Upload file"/>'+
        '</form>' +
        '</body>'+
        '</html>';

    response.writeHead(200,{'Content-type':'text/html'});
    response.write(body);
    response.end();
}

function upload(response,request) {
    console.log('Request handler "upload " was called.');

    var form=new formidable.IncomingForm();
    form.parse(request,function (error,fields,files) {
        console.log('parsing done:<br/>'+files.upload.path);
        fs.renameSync(files.upload.path,'C:/temp/test.jpg');
        response.writeHead(200,{'Content-type':'text/html'});
        response.write('received image:<br/>');
        response.write('<img src="/show"/>');
        response.end();
    })
    /*response.writeHead(200,{'Content-type':'text/plain'});
    response.write('You`ve sent the text:'+
        querystring.parse(postData).text
    );
    response.end();*/
}

function show(response,postData) {
    console.log('Request handler "show" was called.');
    fs.readFile('C:/temp/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;

　　5.结果展现

　　选择图片--> 上传 --> 展现图片

补充说明

　　fs.renameSync()执行函数时若是执行图片上传的盘不是系统盘时会提示报错，解决方案是图片路径设置为绝对路径并设置为系统盘。

Nodejs入门-基于Node.js的简单应用

服务端JavaScript

Node.js概况

Node.js简单应用

1、须要的模块

2、思路分析

3、模块抽取及代码展现

5.结果展现

补充说明

更多参考

　　1、须要的模块

　　2、思路分析

　　3、模块抽取及代码展现

　　5.结果展现