Web前端高级工程师培训:使用 Node.js 构建一个 Web 服务端程序(1)

news2024/10/18 17:32:03

1-使用 Node.js 构建一个 Web 服务端程序

文章目录

  • 1-使用 Node.js 构建一个 Web 服务端程序
    • 1、Node.js的安装与基础语法
    • 2、Node.js 中的 JavaScript 与 浏览器中的 JavaScript
      • 2-1、Node.js 中的 JavaScript
      • 2-2、浏览器 中的 JavaScript
    • 3、什么是 WebServer(APP)?
    • 4、如何构建一个基于网络的应用程序?
    • 5、使用 Node.js 搭建一个 WebServer APP
      • 5-1、Node.js 中的 net 模块
      • 5-2、Node.js 中的 http 模块
        • 核心类
      • 5-3、使用 http.Server 类创建一个基于 http 协议的 webServer 对象
      • 5-4、主机与端口
      • 5-5、使用事件回调处理请求

1、Node.js的安装与基础语法

录播内容


2、Node.js 中的 JavaScript 与 浏览器中的 JavaScript

2-1、Node.js 中的 JavaScript

在这里插入图片描述

2-2、浏览器 中的 JavaScript

在这里插入图片描述

3、什么是 WebServer(APP)?

WebServer ,也称为 网页服务器 ,通俗来讲就是提供 网页浏览器服务的机器。

通常 Web资源 (html、css、js、images……)都会存放在一个指定的 服务器 中,然后通过特定的软件 (WebServer APP),如 Apache、Nginx、IIS…… ,来提供访问服务。

访问模式

首先由客户端(浏览器)发送一个请求,通过网络连接到提供 Web服务 的机器,WebServer APP 会监听到客户端请求,并根据请求作出处理,返回对应的资源。

4、如何构建一个基于网络的应用程序?

无论使用什么语言(C、C++、Java、Node.js……),只要具备调用底层网络 API 的能力,那么就能实现基于网络的应用程序。

作为服务端,主要通过监听指定的主机(IP)& 端口来获取请求的数据,然后根据具体的业务逻辑处理再通过网络返回数据。

作为客户端,就是通过网络发送请求数据,并通过网络获取到服务端返回的数据。

5、使用 Node.js 搭建一个 WebServer APP

5-1、Node.js 中的 net 模块

参考:https://nodejs.org/dist/latest-v15.x/docs/api/net.html

5-2、Node.js 中的 http 模块

参考:https://nodejs.org/dist/latest-v15.x/docs/api/http.html

该模块使用 net 模块实现了基于 http 协议的各种 API。

核心类

Agent

该对象用来管理和维护客户端连接的持久性和重用,应用于客户端应用程序中(类似如:浏览器、postman等)。

ClientRequest

创建一个客户端连接对象,实现请求逻辑,应用于客户端。

Server

创建一个服务端对象,用于监听、处理客户端的请求,应用于服务端应用中。

ServerResponse

提供服务端响应相关的各种 API,应用于服务端(如:设置响应头信息,返回响应数据等)。

IncomingMessage

提供获取来源(Server中来源于Client的请求,Client中来源于Server的响应)信息的各种 API,应用于服务端(如:获取客户端当前请求的方法、URL、头信息等)。

Others

除此之外,该模块还提供了许多应用中需要用到的各种 属性 (如:METHODS、STATUS_CODES、maxHeaderSize 等)和 方法 (如:createServer、request 等)。

5-3、使用 http.Server 类创建一个基于 http 协议的 webServer 对象

// #C5-3-1
// 使用 Node.js 内置 require 方法引入核心模块 -> http
const http = require('http');

// 创建一个 Server 对象
const server = new http.Server();

// 也可以使用 createServer 方法创建一个 Server 对象
const server = http.createServer();

http 模块源码参考:Node.js 源码参考:https://github.com/nodejs/node/blob/v15.14.0/lib/http.js

5-4、主机与端口

// #C5-4-1
const http = require('http');

const server = http.createServer();

// 指定当前 Server 需要监听的主机
server.listen(8888, '0.0.0.0');

参数

  • 第一个参数表示端口,如果省略或为0,讲默认分配一个未被使用的端口。
    • 端口取值范围:1-65535。
  • 第二个参数表示主机(IP),省略的时候,当 IPv6 可用时值为:'::' ,否则为 IPv4 的地址:'0.0.0.0'
    • '0.0.0.0' 表示主机所有可用的 IP。

参考:https://nodejs.org/dist/latest-v15.x/docs/api/http.html#http_server_listen

5-5、使用事件回调处理请求

// #C5-5-1

const http = require('http');

const server = http.createServer();

// 注册 request 事件回调函数,当有客户端连接请求被监听到的时候执行回调
server.on('request', () => {
  console.log(`有客户端请求`);
});

server.listen(8888, '0.0.0.0');

参考:https://nodejs.org/dist/latest-v15.x/docs/api/http.html#http_event_request

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

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

相关文章

USB UVC开启 PU功能研究

文章目录 前言一、UVC拓展结构二、修改是否开启亮度等功能 在处理单元1. 处理单元理解2.实际代码部分2.修改主要对控制段进行修改 总结 前言 提示:这里可以添加本文要记录的大概内容: 项目需要: 在哪里学习UVC 肯定是USB中文网 网址 https:…

React父子组件,父组件状态更新,子组件的渲染状况

目录 React.memo不包裹 React.memo包裹 传递一个简单数据类型 传递一个复杂数据类型 传递一个函数 React.memo不包裹 如果子组件没有使用React.memo包裹,则父组件中数据更新时,子组件会重新进行渲染 父组件: import { useState } fro…

MongoDB 8.0已全面可用

全球广受欢迎的文档型数据库MongoDB目前最新最强的版本,在易用性、企业级安全性、 弹性、可用性等方面均有大幅提升,适用于各种应用程序。 MongoDB 8.0的优化使整体吞吐量提高了32%,时间序列数据聚合的处理速度提高了200%以上。MongoDB 8.0的…

SegFormer: 一个基于Transformer的高效视觉图像分割算法

今天我分享一篇关于 Transformer 架构在图像视觉分割中的应用的文章,主题是 SegFormer。SegFormer 是一种新颖的语义分割方法,它结合了无位置编码的层次化 Transformer 编码器和轻量级 All-MLP 解码器,避免了传统方法中的复杂设计&#xff0c…

Flink Kubernetes Operator

Flink Kubernetes Operator是一个用于在Kubernetes集群上管理Apache Flink应用的工具。 一、基本概念 Flink Kubernetes Operator允许用户通过Kubernetes的原生工具(如kubectl)来管理Flink应用程序及其生命周期。它简化了Flink应用在Kubernetes集群上的…

字节 HLLM 论文阅读

github连接:https://github.com/bytedance/HLLM 探讨问题: 推荐LLM的三个关键问题: LLM预训练权重通常被认为是对世界知识的概括,其对于推荐系统的价值?对推荐任务进行微调的必要性?LLM是否可以在推荐系统…

SL3037B降压恒压芯片DC24伏输入5伏输出带单片机,电流100mA

一、SL3037B芯片概述 SL3037B是一款内置功率MOSFET的单片降压型开关模式转换器,具有高效、稳定、外围元器件少等特点。它能够在宽输入电源范围(5.5~60V)内实现0.6A的峰值输出电流,并具有出色的线电压和负载调整率。此外&#xff…

uniapp小程序自定义聚合点

注&#xff1a; 1.默认的聚合点可以点击自动展示子级点位&#xff0c;但是自定义的聚合点在ios上无法触发markerClusterClick的监听&#xff0c;至今未解决&#xff0c;不知啥原因 2.ios和安卓展示的点位样式还有有差别 源码附上 <template><view class"marke…

SpringMVC之 文件上传和下载

1. 文件上传 1.1 前端注意事项 文件上传操作&#xff0c;前端的表单项需要如下三项设置&#xff1a; &#xff08;1&#xff09;input标签的type属性应设置为file&#xff0c;并且注意不要在input标签中设置value属性&#xff0c;因为这可能导致文件上传不成功&#xff1b; …

轻触节点,链表里的悄然邂逅

公主请阅 1. 移除链表元素1. 题目说明示例 1示例 2示例 3 1.2 题目分析1.3 代码部分1.4 代码解析 2. 反转链表2. 1题目说明示例 1示例 2示例 3 2.2 题目分析2.3 代码部分2.4 代码分析 1. 移除链表元素 题目传送门 1. 题目说明 给你一个链表的头节点 head 和一个整数 val &…

无头浏览器测试:如何使用 Puppeteer 和 Browserless?

什么是无头浏览器测试&#xff1f; 无头浏览器测试通常指没有头的物体或东西&#xff0c;在浏览器的语境中&#xff0c;它指的是没有 UI 的浏览器模拟。无头浏览器自动化使用 Web 浏览器进行端到端测试&#xff0c;而无需加载浏览器的 UI。 无头模式是一个功能&#xff0c;它…

SpringBoot1~~~

目录 快速入门 依赖管理和自动配置 修改自动仲裁/默认版本号 starter场景启动器 自动配置 修改默认扫描包结构 修改默认配置 读取application.properties文件 按需加载原则 容器功能 Configuration Import ​编辑 Conditional ImportResource 配置绑定Configur…

一款AutoXJS现代化美观的日志模块AxpLogger

简介 Axp Logger是一款基于autox.js的现代化日志模块&#xff0c;具备窗口事件穿透、拖拽和缩放功能。 Axp Logger文档 特性现代化的UI设计支持点击穿透模式&#xff08;不影响脚本运行&#xff09;监听音量-键切换模式支持窗口操作模式窗口拖拽移动窗口自由缩放清空日志关闭日…

高精-阶乘和-保姆级教程

提供50的阶乘30414093201713378043612608166064768844377641568960512000000000000&#xff1b; 显然要做这题&#xff0c;int 或者 long long 类型的整型放不下这么长的数据所以我们要使用数组用高精度实现&#xff1b; 然后容易想到这题 肯定要用到高精度乘法和高精度加法&…

外包干了3周,技术退步太明显了。。。。。

先说一下自己的情况&#xff0c;大专生&#xff0c;21年通过校招进入武汉某软件公司&#xff0c;干了差不多3个星期的功能测试&#xff0c;那年国庆&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我才在一个外包企业干了3周的功…

Qt(10.11)

数据表 源代码&#xff1a; #include "widget.h" #include "ui_widget.h" #include<QMessageBox>//消息对话框 #include<QDebug> #include<QSqlRecord> Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui-&g…

十、pico+Unity交互开发教程——射线抓取与更多交互功能

一、回顾与引入 回顾上一篇直接抓取的教程&#xff0c;VR交互一般需要可交互的对象&#xff08;Interactable&#xff09;和发起交互的对象&#xff08;Interactor&#xff09;。直接抓取和射线抓取的可交互对象无区别&#xff0c;可参考上一篇教程设置组件。两者区别在于发起…

【Vercel】Vercel静态部署踩坑

背景 在现代的软件开发中&#xff0c;自动化部署是一个不可或缺的环节。Vercel作为一个流行的前端部署平台&#xff0c;提供了与GitHub的无缝集成&#xff0c;使得开发者能够在每次提交代码后自动触发部署流程。然而&#xff0c;自动化部署过程中可能会遇到一些挑战&#xff0…

性能测试:流量回放工具-GoReplay!结合一款无需CA证书即可抓取HTTPS明文的工具,简直无敌

性能测试&#xff1a;流量回放工具-GoReplay&#xff01;结合一款无需CA证书即可抓取HTTPS明文的工具&#xff0c;简直无敌。 GoReplay 是一个开源网络监控工具&#xff0c;可以将实时 HTTP 流量捕获并重放到测试环境。 应用成熟的过程中&#xff0c;测试所需的工作量往往会成…

学习干货小白女友看完这篇文章后,面试工作和护网蓝队初级竟然秒通过!

小白女友看完这篇文章后&#xff0c;面试工作和护网蓝队初级竟然秒通过&#xff01; 前言&#xff1a;本文中涉及到的相关技术或工具仅限技术研究与讨论&#xff0c;严禁用于非法用途&#xff0c;否则产生的一切后果自行承担&#xff0c;如有侵权请联系。 还在学怎么挖通用漏…