从零开始搭建一个node.js后端服务项目

devtools/2025/2/21 4:48:47/

目录

node.js%E5%8F%8A%E9%85%8D%E7%BD%AE%E7%8E%AF%E5%A2%83-toc" style="margin-left:0px;">一、下载node.js及配置环境

node.js%E9%A1%B9%E7%9B%AE%E5%8F%8A%E5%AE%89%E8%A3%85express%E6%A1%86%E6%9E%B6-toc" style="margin-left:0px;">二、搭建node.js项目及安装express框架

三、集成nodemon,实现代码热部署

四、Express 应用程序生成器


node.js%E5%8F%8A%E9%85%8D%E7%BD%AE%E7%8E%AF%E5%A2%83">一、下载node.js及配置环境

网上很多安装教程,此处就不再赘述了

版本信息

C:\Users\XXX>node -v
v20.15.0C:\Users\XXX>npm -v
10.7.0

了解更多npm知识:npm 中文网 (nodejs.cn) 

node.js%E9%A1%B9%E7%9B%AE%E5%8F%8A%E5%AE%89%E8%A3%85express%E6%A1%86%E6%9E%B6">二、搭建node.js项目及安装express框架

在任意位置创建一个项目文件夹,此处项目文件夹名为test(文件夹路径:D:\test)

以管理员身份打开windows命令行工具或powershell命令行工具(记住:必须以管理员身份打开,不要使用win+R的方式或者文件夹输入cmd的方式打开,否则后面安装express会失败)

左下角搜索框输入命令提示符,打开windows命令行工具(没有安装powershell,推荐使用这种方式)

打开powershell命令行工具(需要安装好powershell才可以打开)

打开命令行,进入创建的test项目文件夹

创建package.json,命令行输入下列命令

npm init 

name 项目名称
version 项目版本号
description 项目描述信息
entry point 项目入口文件
test command 项目启动时脚本命令
git repository Git仓库地址
keywords 关键词
author 作者

一路回车键

创建test项目的文件夹出现了pakage.json文件,打开查看里面的信息

安装express

npm install express --save

安装完成,如果是以管理员身份打开的命令行一般不会报错

安装好了后出现下列两个文件(夹)

package文件内容随之改变,由于程序主入口是index.js,所以要创建index.js文件,(文件后缀必须是js)

编辑index.js文件内容,为了快速,我们直接找到express官网,打开里面的示例

Express - 基于 Node.js 平台的 web 应用开发框架 - Express中文文档 | Express中文网 (expressjs.com.cn)icon-default.png?t=O83Ahttps://www.expressjs.com.cn/
package.json |npm 文档 (npmjs.com)icon-default.png?t=O83Ahttps://docs.npmjs.com/cli/v10/configuring-npm/package-json

复制Hello World示例 到index.js文件中

修改下打印日志的内容

const express = require('express')
const app = express()
const port = 3000app.get('/', (req, res) => {res.send('Hello World!')
})app.listen(port, () => {console.log(`Example app listening on http://localhost:${port}`)
})

运行项目,输入命令node 入口文件.js

 咱这边的入口文件是index.js,稍微修改下

node index.js

启动成功后,浏览器访问服务,输入控制台输出的访问地址:http://localhost:3000

到这,就成功了

为了方便后续管理代码,新建一个名为src文件夹,将之前创建的index.js文件移入src中(index.js移动到src文件夹后,启动时要进入index.js的上一级文件夹再进行启动,D:\test\src> node index.js)

 三、集成nodemon,实现代码热部署

不需要热部署,可以不用跟着下面的步骤

安装nodemon,命令行输入:npm i nodemon -g

接下来开始实现热部署,修改pakage.json文件,修改两处:main入口文件和scripts对象

"main": "路径从点击进入项目的下一级开始,直到index.js文件"

{"name": "test","version": "1.0.0","description": "测试创建node项目","main": "src/index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","start":"nodemon --watch src --watch config src/index.js"},"author": "小红","license": "ISC","dependencies": {"express": "^4.21.1"}
}

输入npm run start启动项目,终止项目ctrl+C

热部署的好处在于,不需要重启项目,刷新浏览器即可完成代码更新,如何判断是否成功热部署,一是命令行绿色部分执行代码,二是不重启项目,修改index.js项目的内容,保存后刷新浏览器查看显示内容是否变化,有变化则成功(修改端口则需要重启服务)

四、Express 应用程序生成器

照旧,第一步创建项目文件夹,管理员身份进入命令行,创建pakage.json文件,执行npm init

通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。

你可以通过 npx (包含在 Node.js 8.2.0 及更高版本中)命令来运行 Express 应用程序生成器

npx express-generator

执行完npx express-generator命令就可以快速生成以下项目结构文件

由于项目结构是使用生成器生成的,需要安装项目内的依赖包,执行一下npm install

打开app.js(原默认是index.js,没有选择直接回车,而是在后面输入app.js后再回车,因此我的入口文件就改成了app.js),可以看到,文件内是没有配置端口,以及启动打印的数据的,在这里可以自行手动配置下(app.get()或app.set()需要在var app = express();后面使用)

pakage.json

启动项目npm run start

没有设置打印日志是这样的

实现代码热部署

1.项目安装nodemon,执行npm install nodemon --save

2.优化目录结构,创建src文件夹,将app.js移入

3.修改app.js文件内容,app.js引用路由文件不再是同级关系,二是上一级文件夹,因此将.改为..

4.修改pakage.json文件的scripts对象start的配置,监听src目录

启动项目后,任意修改app.js文件在浏览器上显示的内容


http://www.ppmy.cn/devtools/125224.html

相关文章

Cesium实时渲染原理浅析

文章目录 背景Cesium.CallbackProperty(callback, isConstant)原理 背景 在地图的几何编辑场景中,我们通常需要快速渲染拖拽后的几何体,如果通过移除要素再添加要素的逻辑去更新,往往会有较低的效率。Cesium Entity是否提供了更高效的更新接…

PHP2-CTFWeb进阶wp-攻防世界13

CTFWeb进阶wp-攻防世界-PHP2 用了御剑和dirsearch扫描了一下发现什么也没扫描到,其它人好像有扫描到的,看了大佬的wp说有index.phps,去查了下。 phps 文件就是 php 的源代码文件,可以当作一个知识点记住,直接访问/index.phps,得…

python-读写Excel:openpyxl-(2)图片、图表、批注、超链接、公式

目录 插入公式 插入时间 添加批注 设置超链接 插入图片 图表 插入公式 sht1.cell(2, 10).value SUM(L1:L39) 插入时间 sht1.cell(4, 4).value datetime.datetime(2020, 2, 23, 10, 20, 00) print(sht1.cell(4, 4).value) 添加批注 from openpyxl.comments import …

【前端知识点】前端笔记

css 引入css文件的文件路径 <!-- 引入外部 CSS 文件 --> <!-- 当前文件所在文件夹目录 --> <link rel"stylesheet" href"./"> <!-- 当前文件所在父文件夹目录 --> <link rel"stylesheet" href"../">j…

iOS swift5 苹果app审核被拒 1.4.1

文章目录 1.被拒2. 官网1.4.1的规定3.如何解决参考博客 1.被拒 准则1.4.1-安全-人身伤害 该应用程序连接到外部医疗硬件&#xff0c;以提供医疗服务。然而&#xff0c;为了遵守准则1.4.1&#xff0c;您必须&#xff1a; -提供来自适当监管机构的文件&#xff0c;证明应用程序…

2014年国赛高教杯数学建模B题创意平板折叠桌解题全过程文档及程序

2014年国赛高教杯数学建模 B题 创意平板折叠桌 某公司生产一种可折叠的桌子&#xff0c;桌面呈圆形&#xff0c;桌腿随着铰链的活动可以平摊成一张平板&#xff08;如图1-2所示&#xff09;。桌腿由若干根木条组成&#xff0c;分成两组&#xff0c;每组各用一根钢筋将木条连接…

全域景区旅游导览小程序

1. 探索未知&#xff0c;一触即达&#xff01;&#x1f680;&#x1f30d; 全域景区旅游导览小程序&#xff0c;带你领略世界的每一个角落&#xff01;只需指尖轻点&#xff0c;美景即刻呈现&#xff0c;让旅行更简单、更精彩&#xff01;2. 旅行新风尚&#xff0c;一“键”钟情…

光路科技TSN交换机:驱动自动驾驶技术革新,保障高精度实时数据传输

自动驾驶技术正快速演进&#xff0c;对实时数据处理能力的需求激增。光路科技推出的TSN&#xff08;时间敏感网络&#xff09;交换机&#xff0c;在比亚迪最新车型中的成功应用&#xff0c;显著推动了这一领域的技术进步。 自动驾驶技术面临的挑战 自动驾驶系统需整合来自雷达…