Node.js总结

￡神魔★判官ぃ 2021-11-04 16:58 289阅读 0赞

## 一，Node.js是什么？ ##

node.js不是一门语言，不是库也不是框架，node.js是一个JavaScript运行时环境。简单点来讲就是node.js可以解析JavaScript代码，以前只有浏览器可以解析JavaScript代码，现在的JavaScript可以完全脱离浏览器来运行，这一切归功于node.js。

node.js没有BOM，DOM，在node这个JavaScript执行环境中为JavaScript提供了一些服务器级别的操作API。

*  例如文件读写
 *  网络服务的构建
 *  网络通信
 *  http服务器
 *  等处理。。。

## 二， 安装Node环境 ##

下载：https://nodejs.org/en/download/

安装：傻瓜式的一路next就可以了

确认node环境是否安装成功？

1.   打开命令行 输入`node --version`
2.  或者 `node -v`

环境变量

## 三，helloworld ##

1.  创建编写JavaScript脚本文件
2.  打开终端，定位到脚本文件所属目录
3.  输入`node 文件名`执行对应的文件

注意：文件名不要以`node.js`来命名，最好也不要使用中文。

## 四，写文件和错误的简单处理 ##

浏览器中的javascript是没有文件操作的能力的，但是node中的javascript具有文件操作的能力

读文件

//fs是file-system的简写，就是文件系统的意思，在node中如果想要进行文件操作，就必须引入fs这个核心模块
    //在fs这个核心模块中，提供了所有的文件操作相关的API
    //例如：fs.readFile就是用来读取文件的
    
    //使用require方法加载fs核心模块
    var fs=require('fs')
    //读取文件
    //第一个参数是要读取的文件路径，第二个参数是一个回调函数
    fs.readFile('./file/test1.txt',function(error,data){ 
       
        if(error){ 
            console.log("读取失败")
            return;
        }
        console.log(data.toString());
    })

写文件

var fs=require("fs")
    //第一个参数：文件路径
    //第二个参数：文件内容
    //第三个参数：回调函数
    fs.writeFile("./file/hello.txt","大家好",function(error){ 
    console.log("文件写入成功")
    })

## 五, 使用Node构建一个web服务器 ##

可以使用node非常轻松的构建一个web服务器，在node中专门提供了一个核心模块：http，这个模块的职责就是帮你创建编写服务器的。

//1，加载http核心模块
    var http=require("http");
    //2，使用http.createServer()方法创建一个web服务器
    //返回一个server实例
    var server=http.createServer()
    //3，服务器要干嘛？提供对数据的服务
    //发请求，接收请求，处理请求，给个反馈（发送响应）
    
    //当客户端请求过来，就会自动触发服务器的request请求事件，然后执行第二个参数，回调处理
    server.on("request",function(){ 
    console.log("收到客户端的请求了")
    })
    
    //4，绑定端口号，启动服务器
    server.listen(3000,function(){ 
        console.log("服务器启动成功了，可以通过http://127.0.0.1:3000来进行访问了")
    })

![在这里插入图片描述][20190807161248478.png]

### 1，发送响应 ###

启动服务端，在浏览器输入127.0.0.1:3000进行访问，服务器发送响应。

var http=require("http");
    var server=http.createServer()
    //request请求事件处理函数，需要接收两个参数
    //request请求对象
    // 请求对象可以用来获取客户端的一些请求信息，例如请求路径
    //response响应对象
    // 响应对象可以用来给客户端发送响应信息
    server.on("request",function(request,response){ 
    console.log("收到客户端的请求了，请求是"+request.url);//这个url是得到端口号后面的路径
    //response对象有一个方法，write可以用来给客户端发送响应数据，write可以使用多次，但是最后一定要使用end来结束响应，否则客户端会一直等待
    response.write("hello");
    response.write(" node.js");
    //告诉客户端，我的话说完了，你可以呈递给用户了
    response.end();
    })
    
    server.listen(3000,function(){ 
        console.log("服务器启动成功了，可以通过http://127.0.0.1:3000来进行访问了")
    })

![在这里插入图片描述][2019080716133199.png]

由于现在我们的服务器的能力还非常的弱，无论是什么请求，都只能响应`hello node.js`，我希望当请求不同路径的时候响应不同的结果。

> 例如：/login 登陆 /register 注册

### 2，根据不同路径响应不同数据 ###

var http=require("http")
    //创建server
    var server=http.createServer()
    //监听request请求事件，设置请求处理函数
    server.on("request",function(req,res){ 
    // console.log("收到请求了，请求路径是"+req.url)
    //响应时推荐使用更简单的方式，直接end（）的同时发出响应
    //res.end("hello node.js")
    //根据不同请求路径发送不同的响应结果 
    //1，判断请求路径 
        //req.url获取到的是端口号之后的那一段路径
    //2，判断路径处理响应
    var url=req.url
    if(url==="/"){ 
        res.end("index Page")
    }else if(url==="/login"){ 
        res.end("login Page")
    }else if(url==="/product"){ 
        var product=[
            { id:1,name:"王盼"},
            { id:2,name:"张浩"}
        ]
        //响应内容只能是二进制数据或字符串，现在响应一个json数据，需要先转换为字符串
        res.end(JSON.stringify(product))
    }else{ 
        res.end("404 Not Found")
    }
    
    })
    //绑定端口号，启动服务
    server.listen(3000,function(){ 
        console.log("服务器启动成功")
    })

## 六，Node中的JavaScript ##

*  EcmaScript
    
     *   没有DOM，BOM
 *  核心模块
 *  第三方模块
 *  用户自定义模块

### 1，核心模块 ###

Node为JavaScript提供了很多服务器级别的API，这些API绝大多数都被封装到了一个具名的核心模块中了，例如文件操作的`fs`核心模块，http服务构建的`http`模块，`path`路径操作模块，`os`操作系统信息模块。。

想要使用核心模块，就必须`require`

var fs=require("fs")
    
    //用来获取机器信息的
    var os=require("os")
    
    //用来操作路径的
    var path=require("path")
    
    //获取当前机器的cpu信息
    console.log(os.cpus())
    
    //memory内存
    console.log(os.totalmem())

### 2，模块化 ###

比如说执行一个js文件，在这个js文件内部再引用并执行另一个js文件

a.js

//require是一个方法，他的作用就是用来加载模块的
    //在node中，模块有三种
    // 1，具名的核心模块，例如fs，http
    // 2，用户自己编写的文件模块
    console.log("a.start")
    //require引入其他js，执行这个js，然后再继续向下执行
    require("./b.js")
    console.log("a.end")

b.js

console.log("b.start")
    console.log("b.end")

在终端运行`a.js`文件

![在这里插入图片描述][20190807161359703.png]

### 3，模块作用域 ###

在node中，没有全局作用域，只有模块作用域，意思是说只是在一个js中的作用域，如果引用并执行其他js文件并不能对作用域的变量修改。例如：

a.js

var str="aaa"
    console.log("a.start")
    //require引入其他js，执行这个js，然后再继续向下执行
    require("./b.js")	//可以省略后缀名
    console.log("a.end")
    //在node中，没有全局作用域，只有模块作用域
    //外部访问不到内部，内部也访问不到外部
    console.log(str)

b.js

console.log("b.start")
    var str="bbb"
    console.log("b.end")

`b.js`的str并不会把`a.js`的str值覆盖，因为不是同一个作用域，运行结果

![在这里插入图片描述][20190807161421347.png]

**既然是模块作用域，那如何让模块与模块之间进行通信？**

有时候，我们加载文件模块的目的不是为了简简单单的执行里面的代码，更重要是为了使用里面的某个成员。

a.js

/*require有两个作用 1，加载文件模块并执行里面的代码 2，拿到被加载文件模块导出的接口对象 在每个文件模块中都提供了一个对象：exports exports默认是一个空对象 要做的就是把所有需要被外部访问的成员挂载到这个exports对象中 */
    var bExports=require("./b.js")
    console.log(bExports.foo)
    //调用b.js文件导出的add方法
    console.log(bExports.add(10,20))

b.js

//导出b.js文件的foo变量
    exports.foo="hello"
    //导出b.js文件的add方法
    exports.add=function(x,y){ 
        return x+y
    }

这样运行`a.js`文件就能得到`b.js`文件中的`foo`变量了。

## 七，IP地址和端口号 ##

IP定位一个服务器（计算机），端口号定位服务器上不同的软件或服务（具体的应用程序）。所有需要联网通信的应用程序都会占用一个端口号。

可以在服务端获取到客户端访问的ip和端口号（如果客户端访问服务器，会捕捉到客户端的ip和端口号信息）

var http=require("http")
    var server=http.createServer()
    server.on("request",function(req,res){ 
        //获得客户端的ip地址和端口号
    console.log("请求我的客户端的地址是",req.socket.remoteAddress,req.socket.remotePort)
    var url=req.url
    if(url==="/"){ 
        res.end("index Page")
    }
    
    })
    //绑定端口号，启动服务
    server.listen(3000,function(){ 
        console.log("服务器启动成功")
    })

## 八，响应内容类型Content-Type ##

在服务端发送的数据其实是`utf8`编码的内容，但是浏览器不知道你是`utf8`编码的内容，浏览器在不知道服务器响应内容的编码的情况下会按照当前操作系统的默认编码去解析，默认编码是`GBK`，解决方法是正确的告诉浏览器发送的内容是什么编码的。在`http`协议中，`Content-Type`就是用来告知我给你发送的。

var http=require("http")
    var server=http.createServer()
    server.on("request",function(request,response){ 
    response.setHeader("Content-Type","text/plain;charset=utf8")
    response.end("你好啊，node.js")
    })
    server.listen(3000,function(){ 
        console.log("server is running...")
    })

注意：`text/plain`是设置普通文本的编码，而`text/html`是设置`html`文本的编码。

var http=require("http")
    var server=http.createServer()
    server.on("request",function(request,response){ 
    var url=request.url
    if(url==="/plain"){ 
     response.setHeader("Content-Type","text/plain;charset=utf8")
     response.end("你好啊，node.js")
    }else if(url==="/html"){ 
        response.setHeader("Content-Type","text/html;charset=utf8")
        response.end("<h2>标题</h2><a href='#'>百度链接</a>")
    }
    })
    server.listen(3000,function(){ 
        console.log("server is running...")
    })

**除了Content-Type可以用来指定编码，也可以在HTML页面用过meta元数据`<meta charset="UTF-8">`来声明当前文本的编码格式，浏览器也会识别它。**

### 1，响应html类型 ###

向浏览器响应`html`页面，先建一个`html`页面，然后服务器响应时把`html`页面引进来。

var http=require("http")
    var fs=require("fs")
    var server=http.createServer()
    server.on("request",function(req,res){ 
    var url=req.url
    if(url="/"){ 
        //响应发送的是在文件中的内容
    fs.readFile("./file/resource/index.html",function(err,data){ 
        if(err){ 
            res.setHeader("Content-Type","text/plain;charset=utf8")
            res.end("文件读取失败")
        }else{ 
            //data默认是二进制数据，可以通过toString方法转为咱们能识别的字符串
            //res.end()支持两种数据类型，一种是二进制，一种是字符串
            res.setHeader("Content-Type","text/html;charset=utf8")
            res.end(data)
        }
    })
    }
    })
    server.listen(3000,function(){ 
        console.log("server is running...")
    })

### 2，响应图片类型 ###

图片就不需要指定编码了，因为我们常说的编码一般指的是字符编码。

var http=require("http")
    var fs=require("fs")
    var server=http.createServer()
    server.on("request",function(req,res){ 
    var url=req.url
    if(url="/jpg"){ 
    fs.readFile("./file/resource/test.jpg",function(err,data){ 
        if(err){ 
            res.setHeader("Content-Type","text/plain;charset=utf8")
            res.end("文件读取失败")
        }else{ 
            res.setHeader("Content-Type","image/jpeg")
            res.end(data)
        }
    })
    }
    })
    server.listen(3000,function(){ 
        console.log("server is running...")
    })

### 3，读取目录 ###

//想得到对应路径的文件目录中的文件名
    var fs=require("fs")
    fs.readdir("D:/work",function(err,data){ 
        if(err){ 
            console.log("目录不存在")
            return;
        }
        console.log(data)
    })

![在这里插入图片描述][20190807161446244.png]

> 这里声明一下，在EcmaScript 6 的“ \` ”字符串中，可以使用$\{ \}来引用变量

var content=''
    var arr=['小明',"小红","小亮"]
    arr.forEach(function(item){ 
        content=`<tr><td>${ item}</td></tr>`
    })

## 九，Node中使用模板引擎 ##

`art-template`

`art-template`不仅可以在浏览器中使用，也可以在node中使用。

安装：

想要在某一个文件夹中安装`art-template`模板引擎的话，就需要在终端切换到对应文件夹的目录之后输入命令

npm install art-template --save

会在对应文件目录下生成一个新的目录`node_modules`，这个新目录不要动它。该命令在哪执行就会把包下载到哪里，默认会下载到node\_modules目录中。

### 在浏览器中使用art-template模板引擎 ###

强调：模板引擎不关心你的字符串内容，只关心自己能认识的模板标记语法，例如`{ {}}`，`{ {}}`语法被称为`mustache`语法。

<title>11-在浏览器中使用art-template</title>
    </head>
    <body>
        
        <script src="node_modules/art-template/lib/template-web.js"></script>
        <script type="text/template" id="tpl"> hello { { name}} </script>
        <script> var ret=template("tpl",{ name:"JACK" }) console.log(ret) </script>
    </body>
    </html>

[20190807161248478.png]: /images/20211104/19691bc72914490b9e8d72359097ec32.png
[2019080716133199.png]: /images/20211104/b14e2b4e956a45268d1982facdbad567.png
[20190807161359703.png]: /images/20211104/af5cce9e98924a588b03c92efa205734.png
[20190807161421347.png]: /images/20211104/19249eb1a8ae4283bc95dcf5d6a334f9.png
[20190807161446244.png]: /images/20211104/0d707f82c4754de2a4cbdf6cfa93c6f5.png