轉載 https://testerhome.com/topics/14962
序言
對於接口自動化這方面斷斷續續也研究了好久了，從最開始自己寫小框架+excel數據來驅動；然後到基於flask前後端結合在一起弄平臺，最後到現在的前後端分離開發出的這平臺，感觸頗深啊，額額額，開源啦，代碼寫得糟糕，有問題啊、優化啊、建議啊、等等希望能指點指點，qq：362508572 ~~~
基本結構
前端：js vue element-ui
github地址：https://github.com/pencil1/ApiTestWeb
後端：python flask httprunner
github地址： https://github.com/pencil1/ApiTestManage
粗略的頁面介紹
首先，因爲是基於九毫大神開源的httprunner接口自動化框架，裏面一些編寫規則就不詳細介紹了
登錄頁面
這個就不詳細說了，登錄就那樣子了呀
項目頁面
包含：
- 基礎信息
裏面的基礎url可填入多個，因爲目前的公司項目有可能一個業務下來牽扯到幾個base_url，這個base_url到時和是接口url拼接起來組合成一個完整的請求
- 公用變量
這個就是定義一個項目下，通用的變量了
- 公用請求頭部
這個就是定義一個項目下，通用的請求頭部了
下面請看截圖介紹
模塊頁面
這個比較簡單，就是定義項目下的模塊，感覺起到一種中介的作用，讓接口信息按一定分類定義下來（模塊下才可創建接口信息）
接口信息頁面
填寫規則基本就是按照httprunner來了，文件傳輸就區分json格式和data格式的，再加個支持文件傳輸
該業務支持同時勾選多個接口信息來調試，方便與後續業務集的便利添加不用重複調試
配置頁面
可單獨添加一些不同的配置信息，就拿公用變量哪裏說明吧，主要是爲了後面的業務集快捷添加配置，可導入在後續介紹中的函數文件來實現自定義的一些函數功能
業務頁面
先說明一下一個業務裏面兩個tab，業務集合和接口用例的關係，接口用例就是搜索出相關的接口信息出來，然後勾選後點擊添加，就把接口信息添加到業務集合裏面去，一個接口信息支持多次添加從而組成一個業務集合，業務集合那裏，點擊配置後，可二次修改接口信息的一些相關內容，並設置hock函數和該用例的名稱
然後業務變量，可快速添加在配置文件中的配置，添加完之後可二次修改內容
內置函數頁面
可自行創建屬於自己的py文件，寫入屬於自己的業務函數，方便自己負責的項目的接口信息的調用等等
測試報告頁面
按上述的描述，會已最小單元爲業務集進行迴歸測試，並同時生成報告
定時任務頁面
可添加定時任務，週期性的和一次性的也可以添加
終
目前先寫到這裏，之後的開源需要慢慢整理一下，截圖頗多，感覺大家能看到這裏