使用express搭建后端服务


上一篇我们利用TDesign搭建了前端服务,现在的开发讲究一个前后端分离,后端的话需要单独搭建服务。后端服务的技术栈还挺多,有java、php、python、nodejs等。在众多的技术栈中我们选择nodejs搭建。

为啥要选用nodejs呢?因为为了技术上的统一,我们前端已经选择了vue3+TDesign了。为了不再增加学习的负担,我们统一在JavaScript这个技术栈中。下边我们具体讲解一下后端服务的搭建过程

1 创建工程目录

在电脑硬盘创建一个文件夹my-express-app用来存放我们的后端代码
在这里插入图片描述
在地址栏里输入cmd
在这里插入图片描述
输入

node -v
npm -v

来验证一下nodejs是否已经安装好了
在这里插入图片描述
如果还未安装好需要下载nodejs的最新版,安装指引一步步的安装好,下载地址

https://nodejs.org/zh-cn/download

2 初始化

我们的工程初始化的时候需要创建一个package.json文件,还是在命令行输入如下命令

cd my-express-app
npm init -y

在这里插入图片描述
在我们的项目目录里会出现一个package.json文件
在这里插入图片描述

3 安装express依赖

接着我们要在命令行窗口安装我们的express依赖包,输入如下命令

npm install express --save

在这里插入图片描述
安装完毕后我们的工程目录里多了一个node_modules文件夹,里边就是我们需要的各种包
在这里插入图片描述
然后用我们的vs code打开我们的工程,在根目录下创建一个index.js文件
在这里插入图片描述
在index.js里输入如下代码

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

// 定义路由
app.get('/', (req, res) => {
    
    
  res.send('Hello, World!');
});

// 启动服务器
app.listen(3000, () => {
    
    
  console.log('Server is running on port 3000');
});

4 启动服务

点击vs code顶部菜单的Terminal,新建一个Terminal
在这里插入图片描述
在命令行输入如下启动命令

node index.js

在这里插入图片描述

5 访问服务

我们现在启动了一个nodejs的服务,监听了3000端口,在浏览器里输入访问地址

http://localhost:3000

在这里插入图片描述
如果页面上显示hello world表示后端服务已经启动成功

总结

本篇我们带着大家一步步的搭建了nodejs的后端服务,搭建呢比较简单,而且启动文件代码量也比较少。其实后端服务我们只是期望调用接口并返回正常的json数据,统一到javascript这个技术栈也是一个不错的选择。

猜你喜欢

转载自blog.csdn.net/u012877217/article/details/131978538