”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 您的第一个使用 Node.js 的后端应用程序

您的第一个使用 Node.js 的后端应用程序

发布于2024-11-05
浏览:915

您是否正在学习 Web 开发并对如何启动 Node.js 项目感到困惑?别担心,我有你!我将指导您只需 5 个步骤即可使用 Node.js 和 Express.js 创建您的第一个后端。

️5个关键步骤:

  • 第 1 步:设置项目
  • 第 2 步:整理文件夹
  • 第3步:创建server.js文件
  • 第 4 步:构建路线
  • 第 5 步:运行后端

第 1 步:设置项目?️

1。安装Node.js和npm:从官网下载并安装Node.js。它附带了npm(Node Package Manager),可以帮助您管理包。

2.创建项目文件夹:为您的项目创建一个文件夹。打开终端(或命令提示符)并输入:

   mkdir my-node-project
   cd my-node-project

3.初始化您的项目:在文件夹内,输入以下命令设置一个新的 Node.js 项目:

   npm init

这将创建一个 package.json 文件,其中存储所有项目信息和依赖项。如果您不确定,只需按 Enter 键回答每个问题。

4。安装 Express.js:Express.js 是一个使构建后端变得更容易的框架。输入以下命令安装:

   npm install express

第 2 步:整理您的文件夹?

保持一切井井有条很重要!以下是构建项目的方法:

  • server.js:这是我们编写主服务器代码的地方。
  • routes/:在这里存储路由文件(处理网络请求的地方)。
  • controllers/:存储管理路由逻辑的代码。
  • models/:如果使用数据库则存储数据库模型(现在不需要)。

文件夹结构示例:

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

第3步:创建server.js文件?️

1。创建文件:在项目文件夹中,创建一个名为 server.js 的文件。这将是您的应用程序的入口点。

2.编写你的第一个 Node.js 服务器:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('

Hello, Express.js Server!

'); }); // Set up the server to listen on port 3000 const port = 3000; app.listen(port, () => { console.log(`Server is running on port ${port}`); });

3.测试它:通过键入以下命令运行服务器:

   node server.js

现在,打开 Web 浏览器并转到 http://localhost:3000。您应该看到“Hello, Express.js Server!”在屏幕上!

第 4 步:构建路线 ?

路由定义您的服务器如何响应不同的 URL 请求。

1。创建一个路由:在server.js文件中,你已经有一个路由:

   app.get('/', (req, res) => {
     res.send('Hello, Express.js Server!');
   });

2.添加更多路线:让我们添加更多路线:

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3.测试您的路线:保存后,转到浏览器并访问以下 URL:

  • http://localhost:3000/ – 应该显示“Hello, Express.js Server!”
  • http://localhost:3000/about – 应该显示“这是关于页面”
  • http://localhost:3000/contact – 应显示“这是联系页面”

第 5 步:运行你的后端?

保持服务器运行并测试更改:

1。启动您的服务器:再次运行您的服务器:

   node server.js

2.测试一下:可以在浏览器中访问网址或者使用Postman等工具发送请求。

3.保持服务器更新:您可以安装nodemon,它会在您更改代码时自动重新启动服务器:

   npm install -g nodemon

现在,运行:
,而不是 Node server.js

   nodemon server.js

输出?:

当你访问http://localhost:3000/时,你会看到:

Hello, Express.js Server!

当您访问http://localhost:3000/about时,您会看到:

This is the about page

✅?推荐:

使用此可打印后端开发人员概念模板来跟踪您的进度!

初学者开发人员经常难以选择正确的技术堆栈,这导致他们浪费时间并失去动力。因此,我在 Notion 中创建了一个设计精美、非常容易遵循的 6 个月后端开发人员路线图,以便您可以跟踪您的进度并坚持您的目标。_

Your First Backend Application using Node.js

此路线图:

  • ?️ 提供清晰的路径以避免混乱。
  • ?概述从哪里开始和结束,帮助您保持动力。
  • ?遵循类似于学校教学大纲的结构化计划。
  • ?通过工具和语言的每周目标来组织您的学习。
  • ⏳ 确保在 6 个月内完成,涵盖您需要的一切。
  • ?具有美观的设计,方便导航。

Your First Backend Application using Node.js


感谢您阅读本文。一定要关注我吗?了解最新动态。

阅读更多:6 个月内成为后端开发人员的技能(路线图)

版本声明 本文转载于:https://dev.to/codewithshahan/your-first-backend-application-using-nodejs-45i?1如有侵犯,请联系[email protected]删除
最新教程 更多>

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3