Node之Web服务

前言

本文将讲解node的web服务

通过讲解http请求,node创建web服务等知识点让你更加深入的理解web服务和node创建的web服务

HTTP请求是什么?

HTTP请求是客户端(通常是浏览器或其他应用程序)与服务器之间进行通信的一种方式。

当您在浏览器中输入网址、点击链接或提交表单时,客户端会向服务器发送一个 HTTP 请求,以请求特定的资源或执行特定的操作。

HTTP请求包含以下几个重要部分:

  1. 请求方法:如 GET(获取资源)、POST(提交数据以创建或更新资源)、PUT(更新资源)、DELETE(删除资源)等。
  2. 请求 URL:指定要请求的资源的地址。
  3. 请求头:包含关于请求的各种元数据,如客户端接受的内容类型、语言、用户代理等信息。
  4. 请求体(对于某些请求方法,如 POST 和 PUT):包含要发送给服务器的数据,例如表单提交的数据。

服务器接收到 HTTP 请求后,会根据请求的内容进行处理,并返回一个相应的 HTTP 响应给客户端。

node创建web服务

首先我们需要初始化一个项目,创建文件夹node_web,使用npm init初始化一个项目并创建一个index.js

image.png

接下来我们引入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

image.png

可以知道可以获取到前端给后端发送的请求报文

接下来我们给后端进行响应

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");
});

可以看到发送请求以后,前端收到了响应

image.png

那么如果我想让后端读取html呢?

res.end("<h2>hello world</h2>");

只需要添加请求头参数

res.writeHead(200, {"Content-Type": "text/html; charset=utf8",
});

接下来我们就能看到结果为

image.png

那么我们既然能够获取到请求的路由,我们不就可以编写接口了

修改代码,首先添加一个对象

const data = {name: "shunyi",age: 18,
};

然后修改createServer内部代码为

if (reqUrl.pathname === "/") {res.writeHead(200, {"Content-Type": "text/html; charset=utf8",});res.end("<h2>hello world</h2>");} else if (reqUrl.pathname === "/user") {res.writeHead(200, {"Content-Type": "application/json; charset=utf8",});res.end(JSON.stringify(data));}

接下来我们访问http://localhost:3000/user

我们就能看到

image.png

接下来我们继续扩充功能,如果访问的路径不存在,那么我们就需要返回一个404.html

我们首先创建一个404.html

image.png

里面放一个简单的404提示

<body><h1>404</h1><p>你访问的资源不存在哦~</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; charset=utf8",});res.end("<h2>hello world</h2>");} else if (reqUrl.pathname === "/user") {res.writeHead(200, {"Content-Type": "application/json; charset=utf8",});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; charset=utf8",});res.end(file);}
});

主要就是添加了下面的代码

image.png

  • path.resolve(__dirname, "./assets/404.html") 用于获取当前文件所在目录下 assets 文件夹中的 404.html 文件的绝对路径,并将其存储在 pathUrl 变量中。

  • fs.readFileSync 同步读取该文件的内容,并将其存储在 file 变量中。

  • res.writeHead 方法设置响应的状态码为 200(表示成功),并设置响应头的 Content-Typetext/html; charset=utf8,表明响应的内容类型是 HTML 文本,且编码为 UTF-8。

  • 使用 res.end 方法将读取到的文件内容发送给客户端,完成响应的发送。

最后我们访问不存在的url就会出现以下界面

image.png

总结

本文介绍了node的web服务,以及什么是http请求

通过实际的例子让你感受一下如何用node去使用web的服务

我们可以体会到,有了node,JavaScript的能力更加的强大了

node的强大远不止于此,大家可以去看看node官网康康,进一步领略一下node的魅力!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/866762.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux-C语言实现一个进度条小项目

如何在linux中用C语言写一个项目来实现进度条&#xff1f;&#xff08;如下图所示&#xff09; 我们知道\r是回车&#xff0c;\n是换行&#xff08;且会刷新&#xff09; 我们可以用 \r 将光标移回行首&#xff0c;重新打印一样格式的内容&#xff0c;覆盖旧的内容&#xff0c;…

2024暑假集训第二次考试

10062. Majority Opinion 思路分析 这道题就是一道思维题&#xff0c;这种题需要刻意练习&#xff0c;形成一定的思维模式用之前学过算法的原理去思考问题&#xff0c;而不是一味考验某一种算法的应用。 这道题就需要思考的是什么情况可以让这个奶牛爱吃同一种干草&#xff0c;…

【第18章】MyBatis-Plus主键生成策略

文章目录 前言一、主键生成策略概述二、示例三、Spring Boot 配置1. 方式一&#xff1a;使用配置类2. 方式二&#xff1a;通过 MybatisPlusPropertiesCustomizer 自定义 四、Spring 配置1. 方式一: XML 配置2. 方式二&#xff1a;注解配置 总结 前言 在 MyBatis-Plus 中&#…

STM32智能家居安防系统教程

目录 引言环境准备智能家居安防系统基础代码实现&#xff1a;实现智能家居安防系统 4.1 数据采集模块 4.2 数据处理与分析 4.3 控制系统实现 4.4 用户界面与数据可视化应用场景&#xff1a;安防管理与优化问题解决方案与优化收尾与总结 1. 引言 智能家居安防系统利用STM32嵌…

MFC+MySQL应用操作(MySQL C API )

MFCMySQL应用操作 1. MySQL C API 相关接口1.1 基本数据结构MYSQL结构体的应用 1.2 常用函数 2. 连接数据库3. 读取数据库行数据 1. MySQL C API 相关接口 1.1 基本数据结构 MYSQL是一个重要的数据结构&#xff0c;它代表了与MySQL服务器的连接。当你使用MySQL的C API来与MyS…

java.lang.LinkageError: 链接错误的正确解决方法,亲测有效,嘿嘿,有效

文章目录 问题分析报错原因解决思路解决方法&#xff08;含代码示例&#xff09;1. 检查类加载器2. 避免在运行时修改类定义3. 更新或修复 JVM4. 检查应用程序的依赖使用 Maven 检查依赖项使用 Gradle 检查依赖项 java.lang.LinkageError 是 Java 虚拟机在尝试链接类定义时发生…

使用echarts绘制中国地图根据不同的省份划分到指定区域里面中

需求:我们在开发过程中会遇到使用中国地图来划分不同区域省份下面的数量统计情况,但是有时候使用Echarts里面地图功能和我们实际业务需求不匹配的,这个时候就需要我们手动自定义进行划分不同区域下面的省份数据。例如大区1下面有哪些省份,大区2对应哪些的省份进行划分显示的…

C++ UTF-8编解码

icu 编解码数据&#xff1a; extern const UConverterSharedData _MBCSData, _Latin1Data, _UTF8Data, _UTF16BEData, _UTF16LEData, _UTF32BEData, _UTF32LEData, _ISO2022Data, _LMBCSData1,_LMBCSData2, _LMBCSData3, _LMBCSData4, _LMBCSData5, _LMBCSDat…

Windows 10新版Outlook使用不便?教你轻松退回旧版windows mail

引言 自从Windows 10推出新版Outlook以来&#xff0c;很多用户反映新版的邮件应用存在诸多不便&#xff0c;尤其是在广告邮件和正常邮件的分类上做得不够理想。面对这一问题&#xff0c;许多用户希望能够退回到Windows自带的旧版Outlook。在本文中&#xff0c;我们将详细介绍一…

数千万“四高”中老年患者,如何推动国产营养保健品创新

“三高”指高血压、高血糖&#xff08;糖尿病&#xff09;、高血脂&#xff0c;是中老年群体的常见病。 然而&#xff0c;除了前述三者&#xff0c;高尿酸血症在我国的患病率正逐年提高&#xff0c;已成为仅次于糖尿病的第二大代谢性疾病。痛风是高尿酸血症典型症状之一。 加上…

用sed去除配置文件空行和注释 去掉注释 #

sed去除注释行&#xff1a;sed -i -c -e /^#/d config_file sed去除空行&#xff1a; sed -i -c -e /^$/d config_file sed去空行和注释行&#xff1a;sed -i -c -e /^$/d;/^#/d config_file [rootrac1 ~]# cat a a b adss afdsf af # o #asd ## asdf # adfas fad af # a …

【数据结构】07.循环队列

一、循环队列的定义 定义&#xff1a;队列主要有顺序队列&#xff0c;循环队列&#xff0c;双端队列&#xff0c;优先队列。而当中循环队列是一种线性数据结构。它也被称为“环形缓冲器”。它只允许在一端进行插入操作&#xff0c;即队尾&#xff08;rear&#xff09;&#xf…

【对顶堆 优先队列】295. 数据流的中位数

本文涉及知识点 对顶堆 优先队列 LeetCode295. 数据流的中位数 中位数是有序整数列表中的中间值。如果列表的大小是偶数&#xff0c;则没有中间值&#xff0c;中位数是两个中间值的平均值。 例如 arr [2,3,4] 的中位数是 3 。 例如 arr [2,3] 的中位数是 (2 3) / 2 2.5 …

CVE-2019-12272 Openwrt可视页面LuCi命令注入漏洞复现(完结)

声明 本文所使用的一些源代码等内容已经上传至github&#xff0c;具体地址如下 Vulnerability_POC-EXP/OpenWrt/CVE-2019-12272 at main a2148001284/Vulnerability_POC-EXP GitHub 漏洞简介 参考内容&#xff1a; CVE-2019-12272 OpenWrt图形化管理界面LuCI命令注入分析 |…

有哪些有效的策略可以提升独立站的外链数量?

有哪些有效的策略可以提升独立站的外链数量&#xff1f;提升独立站的外链数量并不难&#xff0c;难得是不被谷歌惩罚把你的网站判定为作弊&#xff0c;正因如此&#xff0c;了解并应用GNB自然外链策略是个不错的开始&#xff0c;GNB外链的核心价值在于它提高了网站外链资源的自…

Hazelcast同一个集群发布注意数据一致性与版本兼容性检查示例

Hazelcast Hazelcast是一个开源的、分布式内存数据网格&#xff08;IMDG&#xff0c;In-Memory Data Grid&#xff09;平台&#xff0c;它提供了一系列的分布式数据管理和计算服务。Hazelcast旨在解决大数据和高性能计算场景下的挑战&#xff0c;特别是在分布式系统中提供低延…

【LinuxC语言】线程池之添加工作任务线程

文章目录 前言工作线程工作流程代码介绍函数内容如何去编写代码概况总结前言 在并发编程中,线程池是一种常见的设计模式,它可以有效地管理和控制线程的执行。线程池中的线程可以执行一系列的任务,这些任务通常是独立且相互没有依赖关系的。在Linux C语言环境下,我们可以使…

如何学习和提升SQL

资料来源于腾讯技术直播&#xff0c;只作为学习记录&#xff0c;如有侵权&#xff0c;请联系作者进行删除

Python正则表达式入门用法(下)

Python的正则表达式模块是re。要使用它&#xff0c;需要先导入re模块。下面是一些常用的正则表达式操作&#xff1a; re.match(pattern, string): 从字符串的开始位置匹配一个模式&#xff0c;并返回匹配对象。如果匹配成功&#xff0c;则返回匹配对象&#xff1b;如果匹配失败…

关于单点登录(Single Sign-On,SSO)

业务背景 在企业发展初期&#xff0c;企业使用的系统很少&#xff0c;通常一个或者两个&#xff0c;每个系统都有自己的登录模块&#xff0c;用户用不同的账号即可登录&#xff0c;很方便。 但随着企业的发展&#xff0c;用到的系统随之增多&#xff0c;用户在操作不同的系统时…