Vue電商后端管理API接口測試


  引言

  最近有人在學習接口自動化測試時沒有接口練手,其實接口的話,要么找第三方提供的,要么自己開發。第三方在線API需要認證,並且普通的話每天調用次數有一定的限制。自己開發的話,只要不停電,想怎么用就怎么用(說實話,你公司的接口已經足夠你練手了,可能還測不過來)

  正好某平台大神提供一套Vue框架下的電商系統,並且開源了。如果我們僅僅就做接口測試(練手),只下載后端API服務就行。

  下載直通車:https://gitee.com/HUJIAFANGFUJIDDD/vue_api_server.git

  安裝Vue_Api_Server

  1、第一步:是下載這個包,這個怎么下載我就不說了。

  2、第二步:提前安裝好npm和node環境(這兩個如何安裝,自行百度)

  3、第三步:解壓vue_api_server包,打開cmd命令,進入到程序包的根目錄,輸入: npm install(安裝依賴包)

  如圖:

  4、第四步:安裝mysql,如果你已經有的話就忽略這步。

  5、第五步:進入db中,將mydb.sql導入mysql數據庫中。

  

 

 

  6、第六步:進入到vue_api_server\config目錄中,打開文件default.json

  如圖:

{
	"config_name" : "develop",
	"jwt_config" : {
		"secretKey":"itcast",
		"expiresIn":86400
	},
	"upload_config":{
		"baseURL":"http://127.0.0.1:8888",
		"upload_ueditor":"uploads/ueditor",
		"simple_upload_redirect":"http://127.0.0.1/reload"
	},
	"db_config" : {
		"protocol" : "mysql",
		"host" : "127.0.0.1",
		"database" : "mydb",
		"user" : "root",
		"password" : "1030",
		"port" : 3306
	}
}

  修改一下數據庫連接:(你可以根據自己情況修改,也可以不修改)

{
	"config_name" : "develop",
	"jwt_config" : {
		"secretKey":"itcast",
		"expiresIn":86400
	},
	"upload_config":{
		"baseURL":"http://127.0.0.1:8888",
		"upload_ueditor":"uploads/ueditor",
		"simple_upload_redirect":"http://127.0.0.1/reload"
	},
	"db_config" : {
		"protocol" : "mysql",
		"host" : "127.0.0.1",
		"database" : "shop",
		"user" : "root",
		"password" : "123456",
		"port" : 3306
	}
}

  7、第七步:打開剛才cmd界面(要在項目根目錄下),輸入: node app.js命令

 

 

 

 

 

  出現這些API,證明你已經成功了。

  Api接口說明及文檔  

  API V1 接口說明

  1、接口基准地址:http://127.0.0.1:8888/api/private/v1/
  2、服務端已開啟 CORS 跨域支持
  3、API V1 認證統一使用 Token 認證
  4、需要授權的 API ,必須在請求頭中使用 Authorization 字段提供 token 令牌
  5、使用 HTTP Status Code 標識狀態
  6、數據返回格式統一使用 JSON

  登錄驗證接口

  接口太多了,具體可以參考文檔,這里就列一個,如:

- 請求路徑:login
- 請求方法:post
- 請求參數

| 參數名 | 參數說明 | 備注 |
| -------- | -------- | -------- |
| username | 用戶名 | 不能為空 |
| password | 密碼 | 不能為空 |

- 響應參數

| 參數名 | 參數說明 | 備注 |
| -------- | ----------- | --------------- |
| id | 用戶 ID | |
| rid | 用戶角色 ID | |
| username | 用戶名 | |
| mobile | 手機號 | |
| email | 郵箱 | |
| token | 令牌 | 基於 jwt 的令牌 |
- 響應數據
{
    "data": {
        "id": 500,
        "rid": 0,
        "username": "admin",
        "mobile": "123",
        "email": "123@qq.com",
        "token": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjUwMCwicmlkIjowLCJpYXQiOjE1MTI1NDQyOTksImV4cCI6MTUxMjYzMDY5OX0.eGrsrvwHm-tPsO9r_pxHIQ5i5L1kX9RX444uwnRGaIM"
    },
    "meta": {
        "msg": "登錄成功",
        "status": 200
    }
}

 

  Api測試

  既然接口已經部署好了,現在就是驗證了,這里就不使用python了,直接postman驗證一下:

 跟接口文檔返回的數據一致,證明沒問題。

 

  總結

  這個項目的后端接口完全可以滿足你們日常練手,一般而言,公司里項目中的接口足夠你測不過來的(筆者)。當然你還可以自己開發一個項目后台api,比如我之前寫的Django API開發案例。

  還有一點需要說明,上面只是接口已經調通,具體接口如何校驗的,你如何寫demo去測試這個項目的api邏輯,還需要繼續進行,這個執行的過程也就是練手的過程。

  另外,對測試開發,自動化測試,全棧測試相關技術感興趣的朋友,可以加入到群里學習和探索交流,進群方式,掃下方二維碼。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM