Node.js基本模块操作及搭建http服务器

1.基本模块使用

使用不同的模块可以登录Node官网，查询文档，找到对应的模块及使用方法。
每次新建项目，都得重新安装需要的模块

(1) 读写文件：

需要引入process模块，并使用其中的 fs模块,再调用writeFile()和readFile()方法
① 引入process模块则需安装此模块：npm install process
② 在调用其fs模块，则需引入：fs = require('fs');
③writeFile()参数：

写入文件的路径（已存在文件则直接写入，不存在则新建）
写入文件的内容
写入文件的编码形式（可选）
回调函数 function(err){ err === null 则写入成功，否则失败}

④readFile()参数：

读取文件的路径
读取文件的编码形式（可选参数，如果不传，则得到的是一个Buffer对象，如果想要得到字符串，则可调用data.toString()方法，此方法的默认参数是utf-8，当然也可以直接传入参数utf-8，则得到的直接是字符串，无需转换）
回调函数 function(err ,data){ if(err) { throw err} else{ //body...} }，读取到的数据则是data

⑥实例：

/*写入文件*/
let message = 'hello world';
fs.writeFile("./hello",message,'utf8',function (err) {
   if(err){
       //若err === null 则文件写入成功;err !== null 则写入失败
       console.log("出错啦！")
   }
});
/*读取文件*/
fs.readFile('./hello','utf8',function (err,data) {
    if(err){
        throw err;
    }
    else
        console.log(data); //输出读取到的内容
});

(2) 获取路径：

要了解__filename和__dirname，为了更方便要引入path模块进行路径拼接
安装引入模块与上述相同
①__filename：表示当前执行的js文件的完整路径
__dirname：表示当前执行的js文件的目录
eg：打印上述例子的 data ,__filename和__dirname：

image.png

②引入path模块进行路径拼接

调用其path.join()方法，此方法有无数个参数，但是前一项为后一项的父目录
eg：const filename = path.join(__dirname,"hello");//得到的则是hello文本文件的完整路径

(3)搭建http服务器(分解方法)

需要了解服务器执行的过程，引入http模块，监听请求事件，并作出响应
①引入http模块方法同上 http = require('http')
②新建http对象 const serve = http.createServer();
③监听用户请求事件 server.on( 'request' ,function(request , response){...})

request对象：用户请求报文的内容，解析请求报文，获取用户提交的数据
response对象：返回响应报文，服务器向浏览器响应数据
request与response对象就是对应提交请求(数据) 和返回响应(数据)

④监听事件得到用户的请求，则对请求必须作出响应:response.write("响应内容")；
其中，还有针对请求，返回响应时浏览器解析方式,浏览器可以直接解析英文，中文就会乱码。
所以对于不同的资源有不同的解析方式（Content-Type）需要进行设置响应报文头：response.setHeader('Content-Type','.....')。
设置报文头得写在响应内容之前
事件最后每个请求的响应都要有结束，不然浏览器会一直等待结束 :
response.end(),可以返回数据作为结束
④启动服务器 server.listen(8080，function(){ console.log("可访问：http://localhost:8080）})

2.搭建http服务器

上述模块中的 http模块中已经差不多介绍清楚了如何搭建，但是针对不同的请求，作出不同响应还得细说，响应的是文本，图片，还是整个html页面

先来看如何搭建的代码（分解步骤）：

//1.加载http模块
const http = require("http");
//2.创建一个http服务对象
const server = http.createServer();
//3.监听用户的请求事件(request事件)
server.on('request',function (request,response) {
    response.setHeader('Content-Type','text/html;charset=utf-8'); //解析方式,针对文本和HTML页面
    response.write("hello world，欢迎来到<h3>我的世界</h3>");
    response.end();
});
//4.启动服务器
server.listen(8080,function () {
   console.log("服务器启动了，请访问http://localhost:8080");
});

简写步骤：

const http = require("http");
http.createServer(function (request,response) {
    response.write("hello world，欢迎来到<h3>我的世界</h3>");
    response.end();
}).listen(8080,function () {
    console.log("服务器已开启，请访问：http://localhost:8080");

这只是搭建，下来对于响应，上述代码中，是对所有的请求都回应hello world。

不同响应就要结合上面所介绍的不同模块的操作了：读取页面路径，拼接路径
要用到request.url得到请求的路径，但是要明确url只是一个浏览器的标识符，来区别访问的具体哪个。
请求访问不同的页面：需要有不同的html文件，然后判断request.url进行不同的响应

http.createServer(function (request,response) {
    //如果用户请求的是html页面
    if(request.url === '/'|| request.url === "/index"){
        //响应不同的页面，就要读取页面的存储路径
        fs.readFile(path.join(__dirname,'htmls','index.html'),function (err,data) {
            if(err){
                throw err;
            }
            response.end(data);
        });
    }else if(request.url === '/login'){
        fs.readFile(path.join(__dirname,'htmls','login.html'),function (err,data) {
            if(err){
                throw err;
            }
            response.end(data);
        });
    }

如果用户请求的是图片更改判断的request.url

    else if(request.url === "/image/xiaoben.jpg"){
        fs.readFile(path.join(__dirname,'image','xiaoben.jpg'),function (err,data) {
            if(err){
                throw err;
            }
            response.setHeader('Content-Type','image/jpg');
            response.end(data);
        });
    }

如果请求的是css

    else if(request.url === "/css/index.css"){
        fs.readFile(path.join(__dirname,'css','index.css'),function (err,data) {
            if(err){
                throw err;
            }
            response.setHeader('Content-Type','text/css');
            response.end(data);
        });
    }
}).listen(9090,function () {
   console.log("请访问：http://localhost:9090");
});

上述方法看起来很累赘，因为要不仅要对路径进行判断,还有设置对应的解析方式，这样的做法太麻烦,所以有更简单的方法哇，就要学习接下来的mime模块了

搭建http服务器的终极版本

重点：
①引入mime模块，getType()方法得到每次请求的不同资源对应的Content-Type的类型
response.setHeader('Content-Type',mime.getType(filename));
②拼接路径：当前js文件执行的目录+ 文件夹名+请求路径
将要请求的静态资源放入一个文件夹public，启动服务器则自动响应（模拟Apache服务`器）

const http = require('http');
const path = require('path');
const fs = require('fs');
const mime = require('mime');
http.createServer(function (request,response) {
    //得到public的完整路径
    let publicURL = path.join(__dirname,'public');
    //得到public下请求的具体完整绝对路径
    let filename = path.join(publicURL,request.url);
    //读取响应内容
    fs.readFile(filename,function (err,data) {
       if(err){
           response.end("文件不存在");
       }
       else{
            response.setHeader('Content-Type',mime.getType(filename)); 
           //getType方法得到 对应的Content-Type的类型
           //找到文件则返回文件资源
           response.end(data);
       }
    })
}).listen(8080,function () {
   console.log("http://localhost:8080");
});

这样就可以直接访问public中的内容了，
eg： http://localhost:8080/index.html

image.png

或者 http://localhost:8080/image/1.jpg 等都可以得到响应。

image.png

今天先学习到这了。
人的一生，十之八九不如意。

行到水穷处，坐看云起时

Node.js基本模块操作及搭建http服务器

1.基本模块使用

(1) 读写 文件：

(2) 获取路径：

(3)搭建http服务器(分解方法)

2.搭建http服务器

搭建http服务器的终极版本

(1) 读写文件：