1.準備工作:npm下載相關包
1.1初始化npm得到package.json文件 (不初始化也可以之前初始化的文件獲得package.json文件)
npm init --yes
1.2 express包
npm i express
1.3 multer 包
npm i multer
2.創建server文件:在同級文件夾下創建server文件(文件名可以自定義)
3.登錄接口部分
3.1 登錄接口代碼
-
const express = require('express')
-
-
-
-
-
-
const multer = require('multer')
-
-
-
const upload = multer({ dest: 'uploads/' })
-
-
-
app.use(express.urlencoded());
-
-
-
-
-
app.post('/api/login', (req, res) => {
-
if (req.body.username && req.body.password) {
-
-
-
-
-
-
console.log('req.body', req.body)
-
-
-
-
-
-
-
console.log('req.body', req.body)
-
-
-
-
-
-
-
-
console.log('8023端口運行成功,已經跑起來了...');
-
3.2 終端運行代碼
3.3 在Postman中測試發送請求,填寫必要參數返回結果:
3.4 在Postman中測試發送請求,不填寫必要參數返回結果:
4. 獲取接口部分:
4.1 獲取接口代碼
-
-
const express = require('express')
-
-
-
-
-
-
const multer = require('multer')
-
-
-
const upload = multer({ dest: 'uploads/' })
-
-
-
app.use(express.urlencoded());
-
-
-
-
-
app.get('/my/user/userinfo', (req, res) => {
-
if (req.body.Authorization) {
-
-
-
-
-
-
-
"nickname": "little-leopard",
-
"email": "laotang@qq.com",
-
"user_pic": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAe"
-
-
-
console.log('req.body', req.body)
-
-
-
-
-
-
console.log('req.body', req.body)
-
-
-
-
-
console.log('8023端口運行成功,已經跑起來了...');
-
4.2 在終端運行
4.3 在Postman中測試發送請求,填寫必要參數返回結果:
4.4 在Postman中測試發送請求,不填寫必要參數返回結果:
5.post接口上傳圖片
5.1 上傳圖片代碼
-
-
const express = require('express')
-
-
-
-
-
-
const multer = require('multer')
-
-
-
const upload = multer({ dest: 'uploads/' })
-
-
-
app.use(express.urlencoded());
-
-
-
app.post('/my/user/avatar', upload.single('avatar'), (req, res) => {
-
-
-
-
-
-
-
console.log('req.body', req.body)
-
-
-
-
-
-
console.log('req.body', req.body)
-
-
-
-
-
console.log('8023端口運行成功,已經跑起來了...');
-
5.2 Postman上傳圖片測試
5.3終端查看