NodeJS入门：常用模块汇总之http模块(1)

主要步骤：

• 引入http模块

• 创建服务器

• 服务器监听某指定端口

• 给出响应

• 结束响应

代码：

// 引入模块

const http = require(“http”);

// 创建服务器

http.createServer((req,res)=>{

console.log(req.url);

// 响应

res.write(“hello world!”);

// 结束响应

res.end();

}).listen(5000,()=>console.log(“服务器已运行…”))

// 监听5000端口

效果：

1. 运行项目，控制台打印出：“服务器已运行…”

2. 到浏览器打开localhost:5000，可以看到页面上显示的"hello world!"

4. 打印出req.url ： '/'和页面标题默认图标favicon.ico路径

接收html文件、json数据的demo

---

文件解释：

• index.html：主页面

• about.html："关于我们"页面

• index.js：服务器配置和响应设置

代码：

index.html

欢迎来到我的主页

about.html：

欢迎来到关于我们的页面

简单功能测试

index.js：

• 创建服务器对象、设置端口、服务器响应后返回一个html标签，让页面显示"good morning"

// 引入需要的模块

const path = require(“path”);

const http = require(“http”);

const fs = require(“fs”);

// 创建变量存储服务器对象

const server = http.createServer((req,res)=>{

console.log(req.url);

// 结束响应，返回响应的数据

res.end(“

good morning

”)

})

// 定义监听端口

// 如果环境变量中有定义端口，则使用环境变量中的端口，如果没有，就使用9999端口

const port = process.env.PROT || 9999;

// 监听

server.listen(port,()=>{

console.log(服务器的${port}端口正在运行...)

})

运行效果：

项目启动，控制台打印"服务器的9999端口正在运行…"

在浏览器打开localhost:9999，页面显示

good morning

============

加载html文件

简单的功能测试完毕，现在加入"加载index.html"的响应：

// 加载index页面

if (req.url === ‘/’){

fs.readFile(path.join(__dirname,“public”,“index.html”),(err,data)=>{

if (err) throw err;

res.writeHead(200, {‘Content-Type’:“text/html”})

res.end(data);

})

}

效果：

浏览器访问localhost:9999，加载index.html页面，显示如下：

接着是about.html页面的加载：

// 加载about页面

if (req.url === ‘/about’){

fs.readFile(path.join(__dirname,“public”,“about.html”),(err,data)=>{

if (err) throw err;

res.writeHead(200, {‘Content-Type’:“text/html”})

res.end(data);

})

}

效果：

浏览器访问localhost:9999/about，加载about.html页面，显示如下：

加载json数据

然后是json数据的读取：

if (req.url = “/api/user”) {

const data = [

{

name: “ccy”,

age: 25

},

{

name: “ccy1”,

age: 25

}

];

res.writeHead(200, { ‘Content-Type’: “application/json” })

res.end(JSON.stringify(data));

}

效果：

浏览器访问localhost:9999/api/user，加载该json数据，显示为：

index.js完整代码：

// 引入需要的模块

const path = require(“path”);

const http = require(“http”);

const fs = require(“fs”);

// 创建变量存储服务器对象

const server = http.createServer((req,res)=>{

// 加载index页面

if (req.url === ‘/’){

fs.readFile(path.join(__dirname,“public”,“index.html”),(err,data)=>{

if (err) throw err;

res.writeHead(200, {‘Content-Type’:“text/html”})

res.end(data);

})

}

// 加载about页面

if (req.url === ‘/about’){

fs.readFile(path.join(__dirname,“public”,“about.html”),(err,data)=>{

if (err) throw err;

res.writeHead(200, {‘Content-Type’:“text/html”})

res.end(data);

})

}

// 加载json数据

if (req.url = “/api/user”) {

const data = [

{

name: “ccy”,

age: 25

},

{

name: “ccy1”,

age: 25

}

];

res.writeHead(200, { ‘Content-Type’: “application/json” })

res.end(JSON.stringify(data));

}

})

// 定义监听端口

// 如果环境变量中有定义端口，则使用环境变量中的端口，如果没有，就使用9999端口

const port = process.env.PROT || 9999;

// 监听

server.listen(port,()=>{

console.log(服务器的${port}端口正在运行...)

})

根据文件后缀名加载

---

如果文件找不到，就显示404，因此我们加一个404的html：

404.html

404 NOT FOUND

在前一个例子的基础上加上文件后缀名的判断，此处用switch来做判断

不同类型的文件对应的content-type都不同，此处仅列举几个类型，如：

| 文件类型 | content-type |

| — | — |

| ‘.js’ | text/javascript |

| ‘.css’ | text/css |

| ‘.json’ | application/json |

| ‘.png’ | image/png |

| ‘.jpg’ | image/jpg |

// 动态加载

// 创建变量存储文件路径

let filePath = path.join(__dirname, “public”, req.url === ‘/’ ? “index.html” : req.url);

// 初始化content-type

let contentType = “text/html”;

// 文件扩展名

let extName = path.extname(filePath);

// 通过验证拓展名，设置contentType