56 Node.js服务端开发入门

最新推荐文章于 2023-10-08 09:37:30 发布
最新推荐文章于 2023-10-08 09:37:30 发布
阅读量401 收藏
点赞数
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cdlwhm1217096231/article/details/106934243
版权

技术交流QQ群:1027579432，欢迎你的加入！

欢迎关注我的微信公众号：CurryCoder的程序人生

1.服务器端基本概念
1.1 网站的组成
  • 网站应用程序主要分为两大部分：客户端和服务器端。
  • 客户端：在浏览器中运行的部分，就是用户看到并与之进行交互的界面程序。使用HTML、CSS、JavaScript构建。
  • 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。
    请求与响应.png
1.2 Node网站服务器
  • 能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求作出对应的响应。
    Node网站服务器.png
1.3 IP地址
  • 互联网中设备的唯一标识，IP代表的是互联网协议地址。
1.4 域名
  • 由于IP地址难以记忆，所以产生了域名的概念。所谓域名就是平时上网时所使用的网址。可以通过这个网站https://www.ip138.com/查看域名所对应的IP地址。例如，www.baidu.com域名所对应的IP地址为36.152.44.96。
  • 虽然在地址栏中输入的是网址，但是最终还是会将域名转换为IP才能访问到指定的网站服务器。
1.5 端口
  • 端口是计算机与外界通信交流的出口，用来区分服务器电脑中提供的不同服务(例如网站服务、数据库服务、邮件服务、文件上传与下载服务等)。
    端口.png
1.6 URL
  • 同一资源定位符(URL)，是专为标识Internet网上资源位置而设的一种编制方式，我们平时所说的网页地址指的即是URL。
  • URL的组成：传输协议://服务器IP或域名:端口/资源所在的位置标识。例如，https://list.jd.com/list.html?cat=9987,653,655
    • http:超文本传输协议，提供了一种发布和接收HTML页面的方法。
1.7 开发过程中客户端和服务端说明
  • 在开发阶段：客户端和服务端使用同一台电脑，即开发人员自己的电脑。
    开发过程中客户端和服务端说明.png
2.创建web服务器
2.1 创建web服务器
  • 创建web服务器，如下所示：
    // 用于创建网站服务器的模块
const http = require('http');

// app对象就是网站服务器对象
const app = http.createServer();

// 当客户端有请求来的时候
app.on('request', (req, res) => {
    res.end('<h2>hello user</h2>');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
3.Http协议
3.1 Http协议的概念
  • 超文本传输协议(Http)规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端/服务器架构工作，是客户端(用户)和服务器端(网站)请求和应答的标准。
    超文本传输协议.png
3.2 报文
  • 在Http请求和响应的过程中，传递的数据块就叫报文。主要包括要传送的数据和一些附加信息，并且要遵守规定好的格式。
    报文.png
3.3 请求报文
  • (1).请求方式：
    • GET：请求数据
    // 用于创建网站服务器的模块
const http = require('http');

// app对象就是网站服务器对象
const app = http.createServer();

// 当客户端有请求来的时候
app.on('request', (req, res) => {
    // 获取请求方式
    console.log(req.method);
    res.end('<h2>hello user</h2>');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
    • POST: 发送数据
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- method: 指定当前表单提交的方式 -->
    <!-- action: 指定当前表单提交的地址 -->
    <form method="POST" action="http://localhost:3000">
        <input type="submit" name="" id="">
    </form>
</body>
</html>
  • (2).请求地址RequestURL：req.headers(获取请求报文)、req.url(获取请求地址)、req.method(获取请求方法)
    // 用于创建网站服务器的模块
const http = require('http');

// app对象就是网站服务器对象
const app = http.createServer();

// 当客户端有请求来的时候
app.on('request', (req, res) => {
    // 获取请求地址 req.url
    // console.log(req.url);
    if (req.url == '/index' || req.url == '/') {
        res.end('welcome to homepage');
    } else if (req.url == '/list') {
        res.end('welcome to listpage');
    } else {
        res.end('Not Found');
    }

    // 获取请求报文信息 req.headers
    console.log(req.headers['accept']);
    



    // 获取请求方式 req.method
    // console.log(req.method);

    if (req.method == 'POST') {
        res.end('post');
    } else if (req.method == 'GET') {
        res.end('get');
    }
    // res.end('<h2>hello user</h2>');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
3.4 响应报文
  • (1).Http响应状态码
    • 200：请求成功
    • 404：请求的资源没有被找到
    • 500: 服务器端错误
    • 400: 客户端请求有语法错误
    // 用于创建网站服务器的模块
const http = require('http');

// app对象就是网站服务器对象
const app = http.createServer();




// 当客户端有请求来的时候
app.on('request', (req, res) => {

    res.writeHead(500);

    // 获取请求地址 req.url
    // console.log(req.url);
    if (req.url == '/index' || req.url == '/') {
        res.end('welcome to homepage');
    } else if (req.url == '/list') {
        res.end('welcome to listpage');
    } else {
        res.end('Not Found');
    }

    // 获取请求报文信息 req.headers
    console.log(req.headers['accept']);
    



    // 获取请求方式 req.method
    // console.log(req.method);

    if (req.method == 'POST') {
        res.end('post');
    } else if (req.method == 'GET') {
        res.end('get');
    }
    // res.end('<h2>hello user</h2>');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
  • (2).内容类型content-type
    • text/plain(默认)
    • text/html
    • text/css
    • application/javascript
    • image/jpeg
    • application/json
    // 用于创建网站服务器的模块
const http = require('http');

// app对象就是网站服务器对象
const app = http.createServer();


// 当客户端有请求来的时候
app.on('request', (req, res) => {

    res.writeHead(200, {
        'content-type': 'text/html;charset=utf8'
    });

    // 获取请求地址 req.url
    // console.log(req.url);
    if (req.url == '/index' || req.url == '/') {
        res.end('<h2>欢迎来到首页</h2>');
    } else if (req.url == '/list') {
        res.end('welcome to listpage');
    } else {
        res.end('Not Found');
    }

    // 获取请求报文信息 req.headers
    console.log(req.headers['accept']);
    

    // 获取请求方式 req.method
    // console.log(req.method);

    if (req.method == 'POST') {
        res.end('post');
    } else if (req.method == 'GET') {
        res.end('get');
    }
    // res.end('<h2>hello user</h2>');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
4.Http请求与响应处理
4.1 请求参数
  • 客户端向服务端发送请求时，有时需要携带一些客户信息，客户信息需要通过请求参数的形式传递到服务器端，比如登录操作。
    请求参数.png
4.2 GET请求参数
  • 参数被放置在浏览器地址栏中，如：http://localhost:3000/?name=CurryCoder&age=18
    // 用于创建网站服务器的模块
const http = require('http');

// 内置url模块：用于处理url地址
const url = require('url');

// app对象就是网站服务器对象
const app = http.createServer();

// 当客户端有请求来的时候
app.on('request', (req, res) => {
    // 响应请求
    res.writeHead(200, {
        'content-type': 'text/html;charset=utf8'
    });

    // 获取请求地址 req.url
    console.log(req.url);  // /index?name=CurryCoder&age=18
    // req.url要解析的url地址，返回的是一个字符串形式的查询参数query; 再利用true将查询参数query解析成对象形式
    let {query, pathname} = url.parse(req.url, true);  // 对象结构
    console.log(query.name); 
    console.log(query.age); 

    if (pathname == '/index' || pathname == '/') {
        res.end('<h2>欢迎来到首页</h2>');
    } else if (pathname == '/list') {
        res.end('welcome to listpage');
    } else {
        res.end('Not Found');
    }

    // 获取请求报文信息 req.headers
    // console.log(req.headers['accept']);
    

    // 获取请求方式 req.method
    // console.log(req.method);

    if (req.method == 'POST') {
        res.end('post');
    } else if (req.method == 'GET') {
        res.end('get');
    }
    // res.end('<h2>hello user</h2>');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
4.3 POST请求参数
  • 参数被放置在请求体(请求报文)中进行传输。
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- method: 指定当前表单提交的方式 -->
    <!-- action: 指定当前表单提交的地址 -->
    <form method="POST" action="http://localhost:3000">
        <input type="text" name="username">
        <input type="password" name="password">
        <input type="submit" name="" id="">
    </form>
</body>
</html>
  • 获取POST参数需要使用data事件和end事件。
  • 使用querystring系统模块将参数转换为对象形式。
    // 用于创建网站服务器的模块
const http = require('http');

// 处理请求参数模块：将字符串转换成对象形式
const querystring = require('querystring');

// app对象就是网站服务器对象
const app = http.createServer();

// 当客户端有请求来的时候
app.on('request', (req, res) => {
    // post参数是通过事件的方式(data和end)接收的，post参数不是一次性接收完成的。所以，需要声明变量postParams，再通过变量拼接参数即可接收所有参数。
    // data:当请求参数传递时，触发data事件
    // end:当参数传递完成时，触发end事件
    let postParams = '';
    req.on('data', params => {
        postParams += params;
    });

    req.on('end', () => {
        console.log(querystring.parse(postParams));
    });
    res.end('OK');
});

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功!');
4.4 路由
  • 路由是指客户端请求地址与服务端程序代码的对应关系。简单的说，就是请求什么就响应什么。如：http://localhost:3000/index或http://localhost:3000/login
    // 1.引入系统模块http
// 2.创建网站服务器
// 3.为网站服务器对象添加请求事件
// 4.实现路由功能
    // (1).获取客户端的请求方式
    // (2).获取客户端的请求地址
const http = require('http');
const app = http.createServer();
const url = require('url');


app.on('request', (req, res) => {
    // 获取请求方式
    const method = req.method.toLowerCase();
    // 获取请求地址
    const pathname = url.parse(req.url).pathname;
    res.writeHead(200, {
        'content-type': 'text/html;charset=utf8'
    })

    if (method == 'get') {
        if (pathname == '/' || pathname == '/index') {
            res.end('欢迎来到首页');
        } else if (pathname == '/list') {
            res.end('欢迎来到列表页');
        } else {
            res.end('您访问的页面不存在');
        }
    } else if (method == 'post') {
        
    }
});

app.listen(3000);
console.log('服务器启动成功');

路由.png

4.5 静态资源
  • 服务器端不需要处理，可以直接响应给客户端的资源就是静态资源。HTML、CSS、JavaScript、image文件就是静态资源。例如，不论谁访问https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png，均得到的都是下图。
    静态资源.png
  • 静态资源访问
    // 静态资源的访问
const http = require("http");
const app = http.createServer();
const url = require('url');
const path = require('path');
const fs = require('fs');
const mime = require('mime');

app.on("request", (req, res) => {
    // 获取用户的请求路径
    let pathname = url.parse(req.url).pathname;
    pathname = pathname == '/' ? '/index.html' : pathname;
    // 将用户的请求路径转换为实际的服务器硬盘路径
    let realPath = path.join(__dirname, 'public' + pathname);
    let type = mime.getType(realPath);
    // 读取文件
    fs.readFile(realPath, 'utf8', (err, result) => {
        // 如果文件读取失败
        if (err != null) {
            res.writeHead(404, {
                'content-type': 'text/html;charset=utf8'
            })
            res.end('文件读取失败');
            return;
        }
        res.writeHead(200, {
            'content-type': type
        })
        res.end(result);
    });
});

app.listen(3000);
console.log("服务器启动成功");
4.6 动态资源
  • 相同的请求地址，不同的响应资源。这种资源就是动态资源。例如:https://blog.csdn.net/cdlwhm1217096231/article/details/106380489和https://blog.csdn.net/cdlwhm1217096231/article/details/106684950就是两篇不同的博客地址
5.Node.js异步编程
5.1 同步API、异步API
  • 同步API：只有当前API执行完成后，才能继续执行下一个API。
    console.log('before);
console.log('after');
  • 异步API：当前API的执行不会阻塞后续代码的执行。
    console.log('before);
<!-- 异步API -->
setTimeout(() => {
    console.log('last');
}, 2000);
console.log('after');

//  结果
before
after
last
5.2 同步API与异步API的区别(获取返回值)
  • 区别：同步API可以从返回值中拿到API的执行结果，但是异步API是不可以的。
    // 同步API与异步API对比

// 同步API
function sum(n1, n2) {
    return n1 + n2;
}

const result = sum(10, 100);
console.log(result);  // 110


// 异步API
function getMsg() {
    setTimeout(function () {
        return {
            msg: 'Hello, Node.js'
        }
    }, 2000);
}
const msg = getMsg();
console.log(msg);  // undefined
5.3 通过回调函数返回异步API的结果
  • 回调函数：自己定义函数，让别人去调用。
    function getData(callback) {
callback('123');
}

getData(n => {
    console.log('callback函数被调用了');
    console.log(n);
});
5.4 同步API与异步API的区别(代码的执行顺序)
  • 同步API从上到下依次执行，前面的代码会阻塞后面代码的执行。
  • 异步API不会等待API执行完成后，再向下执行代码。
    // 同步API
for (var i = 0; i < 100; i++){
    console.log(i);
}

console.log('for循环后面的代码');

// 异步API
console.log('代码开始执行');
setTimeout(() => {
    console.log('2s后执行的代码');
    
}, 2000);

setTimeout(() => {
    console.log('0s后执行的代码');
}, 0);

console.log('代码结束执行');

同步API与异步API的区别(代码的执行顺序).png

6.资料下载
CurryCoder
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript与服务器端开发
吃不胖.
09-09 173
与其他服务器端框架相比，Express的优势在于它非常灵活，具有简单易用的API和中间件。在实际开发中，需要开发者结合自己的实际需求和场景，选择合适的技术和方法来保障服务器端程序的高效性和安全性。在服务器端开发中，JavaScript主要应用于Node.js技术栈中，包括如下几个方面：服务器端框架、数据库操作、网络通信、安全等方面。这个示例中，app变量引用了Express的实例，使用app实例的get方法来定义一个路由，当HTTP GET请求发生在根路径时，响应字符串“Hello World!
Node.js一个让JavaScript运行在服务端的开发平台
weixin_60269711的博客
05-06 1465
1.Node.js介绍 1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。 1.2 Node.js是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言 注2：Node.js v10.15.3文档地址：http://nodejs.cn/api/ 2.Node.js环境...
node.js 初体验
weixin_34075268的博客
10-31 269
PS: ~ 此篇文章的进阶内容在为《Nodejs初阶之express》 　　~ 2014/09/24 更新《Express 4.X 启航指南》 　　欢迎阅读和评论:)   　　最近写的文章收到许多朋友的反馈，感谢大家的支持和建议，让我对坚持写博客充满热情，一个月一篇文章确实有点少，所以以后尽力多做分享，做好的分享，希望能对朋友们有用。 　　到新公司的这段时间学到了很多新东西，有好多东西需...
JS服务器端开发基础篇（Array.slice方法和splice方法）
weixin_34174105的博客
05-14 76
Array.slice方法和splice方法在众多的JS数组中属于比较复杂的一个方法，而且容易记混。搜索网络上很多资料都没有发现系统的总结。特别归纳如下，不完全处还希望各位批评指正。 一、slice方法格式：arrayObj.slice(start, [end])功能：返回指定数组的一个子数组，并不修改原来数组。参数：start：必需。arrayObj的指定部分的开头。end：可选。arrayOb...
Node.js服务端开发总结（二）
weixin_52230444的博客
03-01 448
一、模块的使用 在计算机程序的开发过程中，随着程序代码越写越多，在一个文件里代码就会越来越长，越来越不容易维护。 为了编写可维护的代码，我们把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较少，很多编程语言都采用这种组织代码的方式。(一个js文件就是一个模块) 模块的最大好处：大大提高了代码的可维护性，方便。 优点：防止命名冲突。代码复用。高维护性。 规范： CommonJS 的 Modules 规范： NodeJs ES6 模块化规范 import ... ...
基于 Node.js 构建完整服务端应用(开发环境安装篇)
成长的小猪 宋永登
01-27 506
主题内容：基于Node.js构建完整服务端应用 Node开发环境安装 / VSCode开发工具和扩展安装 /PostmanWebAPI调试工具安装 目标框架：Node.jsv14.15.4(包含npm 6.14.10) 开发工具：Visual Studio Code （VSCode） 开发平台：macOS Catalina 10.15.5 开发人员：成长的小猪 Jason Song 背景描述：目前Node.js已经使用很广泛了，我们在前端开发中使用非常普遍，纯前端开发的同学对后端开发接触...
Node.js开发-Node.js入门.pdf
01-08
Node.js 入门 Node.js 是一个基于 JavaScript 的服务器端运行平台，允许开发者使用 JavaScript 语言来编写服务器端应用程序。 Node.js 的出现使得 JavaScript 成为服务器端脚本语言。 Node.js 的主要特点是非阻塞 I...
Node.js服务端
02-14
Node.js 可以对接C++ C java等语言的js后端
Node.js-基于Egg.js的Node.js服务端基础框架
08-09
Node.js 是一个开源、跨平台的 JavaScript 运行环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 的出现极大地推动了 Web 开发领域的创新，因为它提供了非阻塞I/O模型和事件驱动的编程范式，使得构建高...
node.js(v16.16.0) 安装包
03-29
Node.js 是一个开源、跨平台的 JavaScript 运行环境，它让开发者可以在服务器端执行 JavaScript 代码。Node.js 使用了 Google V8 引擎，这个引擎是为 Chrome 浏览器设计的，因此 Node.js 具有高性能和高效性的特点。...
javascript调用服务端方法
zhenyaoMilenfan的专栏
12-17 244
http://www.php100.com/html/webkaifa/javascript/2010/1011/6499.html http://blog.csdn.net/crackcell/article/details/1786731 AJAXPRC是快速、简单的Javascript远程方法调用。它允许你使用Javascript调用服务端方法，基于JSON数据协议，开源授权(L...
【Node.js】一篇文章带你直接上手JavaScript服务端编程
丧心病狂Loli控的博客
04-16 172
你需要先学习的 1）什么是Node.js？（戳这里：《》） 2）安装Node.js。（node -v如果得到版本号，则安装成功）     Node.js模块化 每个文件就是一个模块（module），有自己独立的作用域。也就是说，在一个文件里定义的变量、函数、类都对其他文件不可见。 你可能会有疑问，一个js文件对另一个js文件不可见，这不是废话吗？注意，这里我们讨论的后端的js，而不是前端的js。 虽然一个模块对外界不可见，但我们可以通过 exports 向外进行暴露，并在另一个模块中使用
第二章、nodejs服务端开发--前准备
u012732909的博客
09-12 163
nodejs官网 ECMAScript 6 入门
06_Node.js服务器开发
张晨光老师的播客
10-08 697
异步API不能通过返回值的方式获取执行结果，异步API也不会阻塞后续代码的执行。如果异步API后面代码的执行依赖当前异步API的执行结果，这就需要把代码写在回调函数中。一旦回调函数的嵌套层次过多，就会导致代码不易维护，我们将这种代码形象地称为。
js开发服务端（node）业务时和客户端的区别
lixiaolong240035的博客
08-04 468
node开发与前端开发的区别 node后端开发的关注点 要关心内存是否泄漏 关心cpu和内存的占用,这些资源在服务端是稀缺资源 关心网站服务端的稳定性和安全性(因为你的接口是暴露在外网上的) 校验用户采用cookie的问题 1.不安全,开发者可以通过js盗取并设置来伪装其他用户登录账户操作数据 cookie(document.cookie="键=新值") 可以通过在服务端的 cookie设置...
Node.js(3)------服务器端开发
thwr1881的博客
07-23 2611
Node.js(3)------服务器端开发知识
Node.js服务器端开发
m0_58646138的博客
07-23 2844
创建nodejs服务器的步骤 NodeJS服务器开发 学习服务器开发的目的 服务器的主要工作 使用Node创建服务器示例 http协议 关于http请求和响应 get请求和post请求的区别 根据客户端的请求地址访问不同的内容，通过对请求对象(request)的url属性来获取用户的请求地址 获取请求头信息 响应消息 HTTP请求和响应的处理 get请求参数的处理 post请求参数的处理 路由 静态资源的访问 Node.js的异步编程 同步API 异步API 回调地狱 回调地狱的解决方法 异步函数 .
服务端开发 node.js
爱睡的虫虫
05-31 1474
模块化编程 1.什么是模块 在node.js中，所谓的模块，就是一个文件，通常是js文件或json文件。 换言之，一个Node.js文件就是一个模块。 模块是Node.js应用程序的基本组成部分。 (2).为什么需要模块机制？ 前面，在浏览器端已经讨论过模块化的问题。 回顾一下，在浏览器为何需要模块化？ 主要是解决两大问题：  全局变量污染  繁琐的文件依赖 到了服务端，情况是有些不同的。 ...
Node.js服务端编程及架构模式(学习笔记)
jjsnc
06-04 4568
Node.js 介绍 WEB服务端开发入门 框架及架构模式介绍 Node.js是什么 基于Chrome v8 事件驱动，非堵塞 I/O npm Node.js 服务端开发的兴起 大量WEB应用需求 Node.js 性能足够好 全站工程师更利于人员合理调配 丰富的生态 ，较高的开发效率 前端同学如何写Node.js 服务？ 跟浏览器打交道，兼容性问题 组件化设计 加载速度 ...
node.js服务端开发
最新发布
05-08
Node.js是一种基于Chrome V8引擎的开源的、跨平台的JavaScript运行环境，用于服务器端开发。下面是Node.js服务端开发的一些步骤和目的[^1]： 1. 安装Node.js和npm（Node.js包管理器）。 2. 创建一个项目文件夹，并...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值