前置知识：
了解IP地址和端口是什么
http请求的大致过程（这个建议买本《图解http》看看）
http核心模块的使用
- 导入http模块
- 定义服务器程序端口
- 创建服务器对象
- 调用服务器的监听方法，让服务器监听浏览器需求
// 1、导入http模块
const http = require("http");
// 2、定义服务器程序端口
const port = 8080;// 端口号：1-65535 (有些服务已经有一些默认端口 apache nginx 80 web 服务。 MySQL：3306 MongoDB：27017)
// 注意：一个端口只能被一个服务进行使用，如果这个端口被某个服务使用，其他的服务不能在使用该端口的。这个时候出现端口冲突。如何解决？答：换个端口
// 建议：1-1024 端口（有些系统服务会使用这个范围的端口），不建议程序员自己使用。一般都使用 1024 以后的端口。
// 3、创建服务器对象
const server = http.createServer((request, response)=>{
response.write("hello nodejs"); // 书写响应体内容
response.end() //发生响应到浏览器 当我们修改代码后，需要重新执行该文件，重启服务
});
// 4、调用服务器的监听方法，让服务器监听浏览器请求
server.listen(port,(error)=>{
console.log(error);
console.log(`server is running at port ${port}`);
});
//报错 address already in use :::8080 端口被占用//如果需要解决中文乱码，需遵循http协议：
response.setHeader("Content-type","text/html;charset=utf-8");
获取请求的一些信息
const url = require("url");
const server = http.createServer((request, response)=>{
console.log("------------------------------");
let requestUrl = request.url; // 获取本次请求的资源路径
console.log(requestUrl);
let method = request.method; // 获取本次请求的方式
console.log(method);
let obj = url.parse( requestUrl, true);
console.log(obj.query); // 获取get请求的查询字符串
// localhost:8080?name=nodejs&age=11 get请求
//当存在 post 提交数据 data 事件立马执行，postData就是提交过来的数据对象
request.on('data',(postData) => { // 获取post请求的请求参数
console.log(postData.toString());
});
response.write("hello nodejs"); // 书写响应体内容
response.end() //发生响应到浏览器 当我们修改代码后，需要重新执行该文件，重启服务
});写个Web服务器
注意看url地址
项目架构
搭建一个http服务器.js
const http = require("http");
const fs = require("fs");
const path = require("path");
//配置服务器程序的端口号
const port = 8081;
const server = http.createServer((request, response) => {
//每来一个请求就执行一次这里的代码
//判断浏览器需要哪个资源文件
let reqUrl = request.url;
if (reqUrl === "/") {
//读取页面内容 返回信息
let filePath = path.join(__dirname, "assets", "html", "index.html");
let content = fs.readFileSync(filePath);
response.end(content);
} else if (reqUrl === "/detail.html" || reqUrl === "/index.html") {
//读取页面内容 返回信息
let filePath = path.join(__dirname, "assets", "html", "detail.html");
let content = fs.readFileSync(filePath);
response.end(content);
} else {
response.setHeader("Content-type", "text/html;charset=utf-8");
response.end("404错误：该资源找不到！");
}
//遵循http协议，设置响应头信息
// response.setHeader("Content-type", "text/html;charset=utf-8");
});
server.listen(port, (error) => {
console.log(`WebServer is listening at port ${port} !`);
});
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>首页标题</h1>
<hr />
<p>欢迎来到我们网站！</p>
</body>
</html>
detail.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>详情页标题</h1>
<hr />
<p>详情页的内容</p>
<p>详情页的内容</p>
<p>详情页的内容</p>
</body>
</html>