深圳有做网站的公司,河北建设工程信息网公告怎么查询,用什么软件做动漫视频网站好,淄博网站建设小程序前言
本文将讲解node的web服务
通过讲解http请求#xff0c;node创建web服务等知识点让你更加深入的理解web服务和node创建的web服务
HTTP请求是什么#xff1f;
HTTP请求是客户端#xff08;通常是浏览器或其他应用程序#xff09;与服务器之间进行通信的一种方式。
…前言
本文将讲解node的web服务
通过讲解http请求node创建web服务等知识点让你更加深入的理解web服务和node创建的web服务
HTTP请求是什么
HTTP请求是客户端通常是浏览器或其他应用程序与服务器之间进行通信的一种方式。
当您在浏览器中输入网址、点击链接或提交表单时客户端会向服务器发送一个 HTTP 请求以请求特定的资源或执行特定的操作。
HTTP请求包含以下几个重要部分
请求方法如 GET获取资源、POST提交数据以创建或更新资源、PUT更新资源、DELETE删除资源等。请求 URL指定要请求的资源的地址。请求头包含关于请求的各种元数据如客户端接受的内容类型、语言、用户代理等信息。请求体对于某些请求方法如 POST 和 PUT包含要发送给服务器的数据例如表单提交的数据。
服务器接收到 HTTP 请求后会根据请求的内容进行处理并返回一个相应的 HTTP 响应给客户端。
node创建web服务
首先我们需要初始化一个项目创建文件夹node_web,使用npm init初始化一个项目并创建一个index.js 接下来我们引入http
const http require(http);这样我们就能开始创建web服务了
const http require(http);
const url require(url);const server http.createServer((req, res) {const reqUrl url.parse(req.url);console.log(reqUrl);console.log(reqUrl.pathname);});server.listen(3000, () {console.log(server is running at http://127.0.0.1:3000);
});通过这个我们可以看到reqUrl和reqUrl.pathname 可以知道可以获取到前端给后端发送的请求报文
接下来我们给后端进行响应
const http require(http);
const url require(url);const server http.createServer((req, res) {const reqUrl url.parse(req.url);console.log(reqUrl);console.log(reqUrl.pathname);if (reqUrl.pathname /) {res.end(hello world);}
});server.listen(3000, () {console.log(server is running at http://127.0.0.1:3000);
});
可以看到发送请求以后前端收到了响应 那么如果我想让后端读取html呢
res.end(h2hello world/h2);只需要添加请求头参数
res.writeHead(200, {Content-Type: text/html; charsetutf8,
});接下来我们就能看到结果为 那么我们既然能够获取到请求的路由我们不就可以编写接口了
修改代码首先添加一个对象
const data {name: shunyi,age: 18,
};然后修改createServer内部代码为
if (reqUrl.pathname /) {res.writeHead(200, {Content-Type: text/html; charsetutf8,});res.end(h2hello world/h2);} else if (reqUrl.pathname /user) {res.writeHead(200, {Content-Type: application/json; charsetutf8,});res.end(JSON.stringify(data));}接下来我们访问http://localhost:3000/user
我们就能看到 接下来我们继续扩充功能如果访问的路径不存在那么我们就需要返回一个404.html
我们首先创建一个404.html 里面放一个简单的404提示
bodyh1404/h1p你访问的资源不存在哦~/p
/body首先我们就需要改一下createServer内部代码添加一个else语句块
并在其内部读取文件
首先需要引入fs模块和path模块
const fs require(fs);
const path require(path);接下来修改createServer内部代码
const server http.createServer((req, res) {const reqUrl url.parse(req.url);console.log(reqUrl);console.log(reqUrl.pathname);if (reqUrl.pathname /) {res.writeHead(200, {Content-Type: text/html; charsetutf8,});res.end(h2hello world/h2);} else if (reqUrl.pathname /user) {res.writeHead(200, {Content-Type: application/json; charsetutf8,});res.end(JSON.stringify(data));} else if (reqUrl.pathname /login req.method POST) {res.end(login success);} else {const pathUrl path.resolve(__dirname, ./assets/404.html);const file fs.readFileSync(pathUrl)res.writeHead(200, {Content-Type: text/html; charsetutf8,});res.end(file);}
});主要就是添加了下面的代码 path.resolve(__dirname, ./assets/404.html) 用于获取当前文件所在目录下 assets 文件夹中的 404.html 文件的绝对路径并将其存储在 pathUrl 变量中。 fs.readFileSync 同步读取该文件的内容并将其存储在 file 变量中。 res.writeHead 方法设置响应的状态码为 200表示成功并设置响应头的 Content-Type 为 text/html; charsetutf8表明响应的内容类型是 HTML 文本且编码为 UTF-8。 使用 res.end 方法将读取到的文件内容发送给客户端完成响应的发送。
最后我们访问不存在的url就会出现以下界面 总结
本文介绍了node的web服务以及什么是http请求
通过实际的例子让你感受一下如何用node去使用web的服务
我们可以体会到有了nodeJavaScript的能力更加的强大了
node的强大远不止于此大家可以去看看node官网康康进一步领略一下node的魅力
