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

為啥要選用nodejs呢？因?yàn)闉榱思夹g(shù)上的統(tǒng)一，我們前端已經(jīng)選擇了vue3+TDesign了。為了不再增加學(xué)習(xí)的負(fù)擔(dān)，我們統(tǒng)一在JavaScript這個(gè)技術(shù)棧中。下邊我們具體講解一下后端服務(wù)的搭建過(guò)程

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

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

在地址欄里輸入cmd

輸入

node -v
npm -v

來(lái)驗(yàn)證一下nodejs是否已經(jīng)安裝好了

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

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

2 初始化

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

cd my-express-app
npm init -y

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

3 安裝express依賴

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

npm install express --save

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

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

在index.js里輸入如下代碼

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

4 啟動(dòng)服務(wù)

點(diǎn)擊vs code頂部菜單的Terminal，新建一個(gè)Terminal

在命令行輸入如下啟動(dòng)命令

node index.js

5 訪問(wèn)服務(wù)

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

http://localhost:3000

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

總結(jié)

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