上一篇我們利用TDesign搭建了前端服務(wù)，現(xiàn)在的開發(fā)講究一個前后端分離，后端的話需要單獨搭建服務(wù)。后端服務(wù)的技術(shù)棧還挺多，有java、php、python、nodejs等。在眾多的技術(shù)棧中我們選擇nodejs搭建。

為啥要選用nodejs呢？因為為了技術(shù)上的統(tǒng)一，我們前端已經(jīng)選擇了vue3+TDesign了。為了不再增加學習的負擔，我們統(tǒng)一在JavaScript這個技術(shù)棧中。下邊我們具體講解一下后端服務(wù)的搭建過程

1 創(chuàng)建工程目錄

在電腦硬盤創(chuàng)建一個文件夾my-express-app用來存放我們的后端代碼

在地址欄里輸入cmd

輸入

node -v
npm -v

來驗證一下nodejs是否已經(jīng)安裝好了

如果還未安裝好需要下載nodejs的最新版，安裝指引一步步的安裝好，下載地址

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

2 初始化

我們的工程初始化的時候需要創(chuàng)建一個package.json文件，還是在命令行輸入如下命令

cd my-express-app
npm init -y

在我們的項目目錄里會出現(xiàn)一個package.json文件

3 安裝express依賴

接著我們要在命令行窗口安裝我們的express依賴包，輸入如下命令

npm install express --save

安裝完畢后我們的工程目錄里多了一個node_modules文件夾，里邊就是我們需要的各種包

然后用我們的vs code打開我們的工程，在根目錄下創(chuàng)建一個index.js文件

在index.js里輸入如下代碼

const express = require('express');
const app = express();// 定義路由
app.get('/', (req, res) => {res.send('Hello, World!');
});// 啟動服務(wù)器
app.listen(3000, () => {console.log('Server is running on port 3000');
});

4 啟動服務(wù)

點擊vs code頂部菜單的Terminal，新建一個Terminal

在命令行輸入如下啟動命令

node index.js

5 訪問服務(wù)

我們現(xiàn)在啟動了一個nodejs的服務(wù)，監(jiān)聽了3000端口，在瀏覽器里輸入訪問地址

http://localhost:3000

如果頁面上顯示hello world表示后端服務(wù)已經(jīng)啟動成功

總結(jié)

本篇我們帶著大家一步步的搭建了nodejs的后端服務(wù)，搭建呢比較簡單，而且啟動文件代碼量也比較少。其實后端服務(wù)我們只是期望調(diào)用接口并返回正常的json數(shù)據(jù)，統(tǒng)一到j(luò)avascript這個技術(shù)棧也是一個不錯的選擇。