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

　　引言

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

　　正好某平臺大神提供一套Vue框架下的電商系統，而且開源了。若是咱們僅僅就作接口測試(練手)，只下載後端API服務就行。

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

　　安裝Vue_Api_Server

　　一、第一步：是下載這個包，這個怎麼下載我就不說了。

　　二、第二步：提早安裝好npm和node環境（這兩個如何安裝，自行百度）

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

　　如圖：

　　四、第四步：安裝mysql，若是你已經有的話就忽略這步。

　　五、第五步：進入db中，將mydb.sql導入mysql數據庫中。

　　

 

 

　　六、第六步：進入到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
	}
}

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

 

 

 

 

 

　　出現這些API，證實你已經成功了。

　　Api接口說明及文檔　　

　　API V1 接口說明

　　一、接口基準地址：http://127.0.0.1:8888/api/private/v1/
　　二、服務端已開啓 CORS 跨域支持
　　三、API V1 認證統一使用 Token 認證
　　四、須要受權的 API ，必須在請求頭中使用 Authorization 字段提供 token 令牌
　　五、使用 HTTP Status Code 標識狀態
　　六、數據返回格式統一使用 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邏輯，還須要繼續進行，這個執行的過程也就是練手的過程。

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