1.準備作業:npm下載相關包
1.1初始化npm得到package.json檔案 (不初始化也可以之前初始化的檔案獲得package.json檔案)
npm init --yes
1.2 express包
npm i express 1.3 multer 包
npm i multer2.創建server檔案:在同級檔案夾下創建server檔案(檔案名可以自定義)
3.登錄介面部分
3.1 登錄介面代碼
const express = require('express')
//將這個express的方法賦值給app
const app = express()
//引入multer這個包
const multer = require('multer')
//上傳的檔案會保存在這個目錄下
const upload = multer({ dest: 'uploads/' })
//使用中間件
app.use(express.urlencoded());
app.use(express.json());
//登錄介面
app.post('/api/login', (req, res) => {
if (req.body.username && req.body.password) {
res.json({
"status": 0,
"message": "登錄成功",
})
// res.send(req.body)
console.log('req.body', req.body)
} else {
res.json({
"status": 1,
"message": "登錄失敗",
})
// res.send(req.body)
console.log('req.body', req.body)
}
// res.send()
})
app.listen(8023, () => {
console.log('8023埠運行成功,已經跑起來了...');
})3.2 終端運行代碼
3.3 在Postman中測驗發送請求,填寫必要引數回傳結果:
3.4 在Postman中測驗發送請求,不填寫必要引數回傳結果:
4. 獲取介面部分:
4.1 獲取介面代碼
//引入express框架
const express = require('express')
//將這個express的方法賦值給app
const app = express()
//引入multer這個包
const multer = require('multer')
//上傳的檔案會保存在這個目錄下
const upload = multer({ dest: 'uploads/' })
//使用中間件
app.use(express.urlencoded());
app.use(express.json());
//獲取介面
app.get('/my/user/userinfo', (req, res) => {
if (req.body.Authorization) {
res.json({
"status": 0,
"message": "獲取成功",
"data": {
"id": 1,
"username": "leopard",
"nickname": "little-leopard",
"email": "laotang@qq.com",
"user_pic": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAe"
}
})
console.log('req.body', req.body)
} else {
res.json({
"status": 1,
"message": "獲取失敗",
})
console.log('req.body', req.body)
}
})
app.listen(8023, () => {
console.log('8023埠運行成功,已經跑起來了...');
})4.2 在終端運行
4.3 在Postman中測驗發送請求,填寫必要引數回傳結果:
4.4 在Postman中測驗發送請求,不填寫必要引數回傳結果:
5.post介面上傳圖片
5.1 上傳圖片代碼
//引入express框架
const express = require('express')
//將這個express的方法賦值給app
const app = express()
//引入multer這個包
const multer = require('multer')
//上傳的檔案會保存在這個目錄下
const upload = multer({ dest: 'uploads/' })
//使用中間件
app.use(express.urlencoded());
app.use(express.json());
app.post('/my/user/avatar', upload.single('avatar'), (req, res) => {
console.log(req.file);
if (req.file) {
res.json({
"status": 0,
"message": "上傳圖片成功"
})
console.log('req.body', req.body)
} else {
res.json({
"status": 1,
"message": "上傳圖片失敗"
})
console.log('req.body', req.body)
}
})
app.listen(8023, () => {
console.log('8023埠運行成功,已經跑起來了...');
})5.2 Postman上傳圖片測驗
5.3終端查看
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/300768.html
標籤：其他