Node JS 初学者实用指南（含示例）

AWS 安全上线！

你好，程序员！

在本文中，我们将搭建一个简单的NodeJS应用程序，它将提供一个使用样式的精美网页Bootstrap 5。最后，我们将使用 Docker 将项目部署到生产环境中，无需任何配置麻烦。对于新手来说，NodeJS是一项流行的技术，它使用 JavaScript 实现高性能的后端功能，例如身份验证、数据库查询和静态资源管理。

感谢阅读！内容由App Generator提供

👉JavaScript简介
👉Setting up环境
👉 选择一个code editor
👉Code a simple NodeJS Project
👉 Integrate Docker（用于部署）
👉热门NodeJS模块
👉 Free NodeJS Starters：浆果、达塔·艾布尔、纯度（脉轮 UI）
👉 Free Resources& 链接

✨ 什么是 JavaScript

JavaScript已经成为编程语言领域的热门话题。截至本文撰写时，JavaScript 已是全球最流行的语言，在软件开发中的使用率超过 69.7%。

JavaScript 因开发 Web 应用程序而闻名，但 JavaScript 也可用于多种用途：对于原生移动应用程序，我们可以使用 React Native 或 Ionic 等框架，对于后端 Web 开发，我们可以使用 NodeJS 或机器学习。

有关这种流行编程语言的更多信息，请随时访问以下免费资源：

✨`Setting UP`环境

首先，请访问 Node.js 官方网站https://nodejs.org/en/并下载推荐给大多数用户的 Node.js 稳定版本。目前，推荐的版本是 16.14.2，如下图所示（红色边框突出显示）：

下载完成后，单击安装文件将其安装到您的电脑上。为了确保您的电脑上安装了 Node.js，请打开终端窗口并输入：

$ node -v

如果安装正确，上述命令将返回您刚刚安装的 Node.js 的版本，在我的情况下是16.14.2。

✨ 选择代码编辑器

有很多代码编辑器/IDE（例如IntelliJ IDEASublime Text）可用于开发 NodeJS 应用程序，这在很大程度上取决于个人偏好。然而，根据官方StackOverflow调查，Visual Studio Code（VS Code）在开发者中最为知名。在本教程中，我也会使用 VS Code，这不仅是因为它广为人知，也是我个人的最爱。

👉 VsCode - 官方网站
👉 VsCode - 下载页面

✨ 编写一个简单的`NodeJS`项目

首先，我们要为项目命名。打开电脑上的文件资源管理器，创建一个文件夹，并以项目名称命名。这个文件夹可以创建在任何位置。在本例中，我创建了一个名为blog-sample-nodejs-introduction 的文件夹，如下图所示：

现在打开 VS Code（如果您还没有安装，请前往https://code.visualstudio.com/下载稳定版本进行安装）。在 VS Code 中，打开您刚刚创建的文件夹，现在它将作为您的工作区。所有文件和代码都将写入此工作区。

在开始创建文件并开始编码之前，我们需要执行另一个步骤。该步骤是运行以下命令：

$ npm init

此命令将创建一个名为的文件package.json，该文件用于设置新的或现有的 npm 包。

你可以将视为npm package一个模块，它提供了多种函数和方法来简化我们的开发过程。当你运行该命令时，它会要求你输入各种元数据，例如包的名称等。除了下图所示的npm init属性外，你可以根据个人喜好输入这些信息。main

对于“main”属性，您需要输入入口文件的名称，我们的后端服务器将从该入口文件开始运行。我们还没有创建该文件，但我将其命名为 server.js，因为这个名称应该清楚地反映该文件的用途及其内部代码。我的package.json代码如下：

{
  "name": "nodejs-article",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node server.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.3"
  }
}

安装包

在我们开始为 NodeJS 后端服务器编写第一行代码之前，我们需要安装一个名为 Express 的模块，它是一个最小且灵活的 NodeJS Web 应用程序框架，为 Web 和移动应用程序提供了一组强大的功能。

编写代码

server.js在刚刚创建的目录中创建一个名为的新文件package.json。在中server.js粘贴以下代码：

const express = require('express');
const app = express();
const port = 3000;

app.get("/api", (request,response)=>{
    response.send("Hello World")
})

app.listen(port, (req,res)=>{
    console.log(`Listening at port ${port}` )
 })

Hello World当我们尝试访问 URL 时，上述代码只会响应： localhost:3000/api。粘贴代码后，在 VS Code 终端中运行以下命令来运行服务器：

 $ node server.js

在终端中您应该能够看到以下输出：

 $ node server.js
 Listening at port 3000

您应该在 Web 浏览器上看到以下结果：

你刚刚成功搭建了第一个NodeJS后端服务器，但是如果你想用 NodeJS 向用户展示一些漂亮的网页怎么办？这正是我们接下来要做的。

这express.static是 express 内部的一个函数，它使服务器能够提供静态文件，如、、、等HTML。在我们的例子中，我们一起提供 index.html 和 assets 文件夹（最简单的情况）。imagesCSSJavaScript

文件的最终代码server.js应如下所示：

const express = require('express');
const app = express();
const port = 3000;

app.use(express.static('public'))   // <-- NEW

app.get("/api", (request,response)=>{
    response.send("Hello World")
})

app.listen(port, (req,res)=>{
    console.log(`Listening at port ${port}` )
 })