使用nodejs搭建一个简单服务器

1. nodejs 服务器搭建

nodejs 写一个服务器，别人能够访问到；

http 协议：浏览器 和 服务器 遵守的规范；

http 服务器 和 浏览器 之间的通信，都是通过 http 实现的

我们的服务器，最重要的一环，监听，也就是说，http 向服务器发送请求，那么服务器就应该接收到这样的请求，这就是监听；

第一步：　我们创建server.js文件如下：

// 1. 导入http模块
const http = require("http");

// 2. 创建一个web服务器对象
const server = http.createServer();

// 3. 监听请求事件
server.on("request", (req, res) => {
    //req-->request 请求对象， res-->response 响应对象
	// 通过响应头设置返回前台数据格式及编码。（解决中文乱码的问题）
    res.setHeader('Content-Type', 'text/html;charset=utf-8');
    //res.write()表示向客户端输出的方法
    res.write("hello world，你好nodejs")
    //res.end()每次响应完，需要调用此方法 来结束响束
    res.end();
})

// 4. 监听端口，为了避免端口冲突，这里给一个本机端口3000
server.listen(3000, () => {
    console.log("服务器启动成功");
})　

第二步：启动服务器
以上就是初步创建的服务器文件，接下来让我们在server.js所在的目录下打开dos终端窗口，执行如下指令：

node server.js

第三步：访问服务器
打开任意浏览器，地址栏中输入 http://127.0.0.1:3000或者http://localhost:3000 便可访问服务器。

2. 服务器业务函数参数分析：

req:

req参数指得是request 请求对象，凡是浏览器发送请求相关的信息，都可以从该对象中找到。例如：

1. req.url 用户请求的路径
2. req.headers请求头

{
//请求报头域主要用于指定被请求资源的Internet主机和端口号
 host: 'localhost:3000',
//Connection: keep-alive  当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接
//例如： Connection: close  代表一个Request完成后，客户端和服务器之间用于传输HTTP数据的TCP连接会关闭， 当客户端再次发送Request，需要重新建立TCP连接。
 connection: 'keep-alive',
// 这个是非常重要的规则。 这个用来指定Response-Request遵循的缓存机制。各个指令含义如下
//Cache-Control:Public   可以被任何缓存所缓存（）
//Cache-Control:Private     内容只缓存到私有缓存中
//Cache-Control:no-cache  所有内容都不会被缓存
 'cache-control': 'max-age=0',
 'upgrade-insecure-requests': '1',
 //告诉HTTP服务器，客户端使用的操作系统和浏览器的名称和版本
 'user-agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36',
 // 浏览器端可以接受的媒体类型,通配符 * 代表任意类型例如  Accept: */*  代表浏览器可以处理所有类型,(一般浏览器发给服务器都是发这个)
 accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8',
 //浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法（gzip，deflate），（注意：这不是只字符编码）;
 'accept-encoding': 'gzip, deflate, br',
 //浏览器申明自己接收的语言
 'accept-language': 'zh-CN,zh;q=0.9'
}

​ 3.req.method:请求类型 如：get 、post 等

​ 4.req.httpVersion：http协议版本 ，目前我们使用的是HTTP/1.1 版本

res

1. res是相应对象，凡是服务器想要给前端浏览器的数据和信息。都需要res去完成。
2. res.setHeader() //设置响应头 ,例如 res.setHeader(‘Content-Type’, ‘text/html;charset=utf-8’);
3. res.wtire() // 向浏览器输出
4. res.end() // 向浏览器 响应结束
5. res.statusCode // 设置响应状态码
6. res.statusMessage //设置响应 状态信息
7. res.writeHead() // 综合写法： 状态码，信息，响应头,如下

 	   res.writeHead(404, 'Not Found', {
 	        'Content-Type': 'text/plain;charset=utf8'
 	 })

3. 服务器的扩展

 		//加载http模块
 		var http=require('http');
 		
 		// 加载fs模块   文件的读取，写入。。。
 		var fs=require('fs')
 		
 		//创建服务器对象
 		
 		//每当有人 访问了app,function就会执行一次。
 		
 		var app=http.createServer(function(req,res){
 		    //req 请求对象
 		    //req.url  表示用户的请求路径。 
 		    // 请求路径1：  127.0.0.1:3000/  我们自己发送的
 		    // 请求路径2：  127.0.0.1：3000/favicon.ico   浏览器的请求。（请求图标）
 		     if(req.url=='/'){
 		        fs.readFile('./index.html',function(err,data){
 		            //data -buffer类型数据 （底层二进制数据）
 		           if(!err){
 		               //  console.log(data.toString());
 		                res.write(data);
 		                res.end();
 		           }
 		        });
 		     }else if(req.url=='/favicon.ico'){
 		         fs.readFile('./logo.png',function(err,data){
 		             if(!err){
 		                 res.write(data);
 		                 res.end();
 		             }
 		         })
 		     }
 		})
 		//监听端口
 		// 参数一：指定服务器运行的端口号 , 端口号有取值范围 0-65535, 0-1024系统保留端口
 		// 参数二：指定服务器运行的域名（ip）。本地域名：localhost, 本地ip 127.0.0.1
 		// 参数三：回调函数。 当node server
 		app.listen(3000,'127.0.0.1',function(err){
 		       //err 错误对象， 默认值：null,
 		        // 只有app.listen 出现错误， err={err:'xxxx'}
 		       if(err){
 		            throw err;
 		       }else{
 		           console.log('服务器运行在127.0.0.1:3000上')
 		       }
 		})

静态资源服务器

 1. 首先目录要安装如下结构创建
         js
         img
         css
         server.js
         index.html
    2. server.js代码如下：

       //定义服务器的文件

   	var http=require('http');
   	
   	var fs=require('fs');
   	
   	var app=http.createServer(function(req,res){
   	    console.log(req.url)
   	      if(req.url=='/'){
   	          fs.readFile('./index.html',function(err,data){
   	              if(!err){
   	                  res.end(data);
   	              }
   	          })
   	      }else if(req.url=='/favicon.ico'){
   	          fs.readFile('./img/logo.png',function(err,data){
   	              if(!err){
   	                  res.end(data);
   	              }
   	          })
   	      }else{  //  req.url==  /css/a.css, /img/3zhe.jpg, /img/4zhe.jpng
   	          fs.readFile('.'+req.url,function(err,data){
   	              if(!err){
   	                  res.end(data);
   	              }
   	          })
   	      }
   	
   	})
   	
   	app.listen(4000,'localhost',function(err){
   	    if(!err){
   	        console.log('您的服务器成功运行在localhost:4000上')
   	    }
   	})


/*
1. 用户访问  localhost:4000/ -----> 返回 index.html

2. 浏览器自动访问  localhost:4000/favicon.ico  ----->  返回  ./img/logo.png

3. 页面中会引入 css,  localhost:4000/css/a.css  ----->  返回 ./css/a.css

4. 我们页面，不只要引入一个css,或一个js,或一个img,
  我们要引入的事多个 css,js,img,总不能一个一个去判断，req.url 然后做出响应。

  -------》  封装一个 能返回静态资源的通用服务器。

  1. 归类所有请求可以分为 几类。  / ,  /favicon.ico  /css/a.css /img/3zhe.jpg /js/a.js

  3. 初步分析，可以分为3类 :   第一类： / 
                      
                             第二类： /favicon.ico 

                             第三类： /css/...,  /js/...  ,  /img/...


*/