使用NodeJS搭建简易服务器

原创已于 2024-11-27 09:59:15 修改 · 2.6k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #前端 #javascript #node.js #开发语言 #vscode #后端

于 2024-11-26 16:49:31 首次发布

什么是NodeJS

Node.js 基于 Chrome 浏览器的 V8 引擎，是一个JavaScript 运行时环境。简单来说，Node.js 提供了一个能够对 JavaScript 代码进行编译和执行的环境，同时 Node.js 还提供了一系列内置的 API，使得开发者可以使用 JavaScript 进行后端开发。这些 API 涵盖了文件系统操作、网络通信、进程管理等后端开发所需的功能。

同理，浏览器也是一个JavaScript 运行时环境，在浏览器中 JavaScript 代码能够得到有效的执行。并且，浏览器还提供了BOM（浏览器对象模型）和 DOM（文档对象模型）给开发者使用，以便开发者能够与浏览器环境和网页内容进行交互。

Node.js 使得 JavaScript 代码能够脱离浏览器环境，在服务器端运行，从而实现了前后端开发语言的统一。

Nodejs的优势和适用场景：

前端友好：Node.js采用JavaScript作为开发语言，促进了前后端代码的无缝集成。

擅长处理高并发请求：Node.js基于事件驱动和非阻塞I/O模型，擅长处理高并发请求。

跨平台兼容：Node.js可以在多个操作系统上运行，包括Windows、Linux和macOS。

性能优秀：尽管Node.js是单线程的，但通过使用事件循环和异步编程模型，它能够高效地处理大量并发连接。此外，Node.js的V8引擎提供了出色的性能优化。

因此，Node.js非常适合构建实时应用和需要快速响应的Web服务。本文将使用Nodejs搭建一个简单的服务器。

搭建服务器过程

期望的demo效果：前端页面发送请求，使用Nodejs搭建的服务器能够接受请求并且返回对应响应。

项目结构：

---myProjet
   ----myServer.js
   ----page.html

1.安装Node.js：建议直接去官网下载即可，安装的时候尽量选LTS版本（长期支持），官网下载链接如下：Node.js — Download Node.js®，下载完成后cmd打开命令行窗口，输入node -v查看node版本。安装有问题可以看这位老哥的贴子：Node.js安装及环境配置超详细教程【Windows系统】_windows 安装nodejs-优快云博客

2.搭建服务器：项目文件夹中新建myServer文件，添加以下代码，随后在项目根目录myProject输入cmd，回车打开命令窗口，输入node myServer.js启动服务器（启动后别关命令行窗口）。

//myServer.js
//require表示引包，引包就是引用自己的一个特殊功能，nodejs支持commmonjs和esmodule，但是使用esmodule时需要在package.json中添加type字段说明。
var http = require("http");
var url = require("url");
var server = http.createServer(function(req,res){ //req包含请求相关信息 res表示返回的响应
   //设置允许跨域和响应信息
    res.setHeader("Access-Control-Allow-Origin", "*");
    res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
    res.end("服务器收到了请求"); //返回响应
});

//运行服务器，监听3000端口（端口号可以任改）
server.listen(3000,"127.0.0.1");

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:3000/')

3.设置前端请求：项目文件夹新建page.html，添加以下代码，并使用插件打开网页。

//page.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>与服务端交互网页</title>
  </head>
  <body>
    <button id="btn">提交</button>
    <div id="content"></div>
  </body>
  <script>
    const send = () => {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "http://127.0.0.1:3000/");
        xhr.send();
        xhr.onreadystatechange = function () {
          if (xhr.readyState == 4) {
            console.log("！！！这是xhr.responseText", xhr.responseText);
            content.textContent = xhr.responseText;
          }
        };
    };
    const btn = document.querySelector('#btn')
    const content = document.querySelector('#content')
    btn.onclick = send
  </script>
</html>

4.调试结果：点击提交按钮，发起请求，服务器接受请求并正常返回响应数据。至此服务器搭建完成（点个赞好哥哥们）。

其他的话

对于前端开发者而言，Node.js无疑是最易上手的后端技术之一，其众多特性与JavaScript高度相似，包括事件循环机制、单线程模型以及网络处理方式等。自2009年问世以来，Node.js的热度持续攀升，近年来更是被誉为美国最受欢迎的网络开发利器，吸引了诸如Netflix和PayPal等重量级客户。在处理高并发且计算密集型需求较低的场景时，Node.js作为服务端语言表现出色，可以说 nodejs is all you need！！后续会出一个正式项目，使用vue＋nodejs，并且部署到网站上，想看的可以关注一波，么么哒。