wordpress頁(yè)面和文章的區(qū)別seo基本步驟
目錄
1.前后臺(tái)分離開(kāi)發(fā)介紹
2.API
2.1 APIfox介紹
2.2 接口文檔管理
1.前后臺(tái)分離開(kāi)發(fā)介紹
前端開(kāi)發(fā)有2種方式：「前后臺(tái)混合開(kāi)發(fā)」和「前后臺(tái)分離開(kāi)發(fā)」。
前后臺(tái)混合開(kāi)發(fā)，顧名思義就是前臺(tái)后臺(tái)代碼混在一起開(kāi)發(fā)，如下圖所示：
這種開(kāi)發(fā)模式有如下缺點(diǎn)：
-
溝通成本高：后臺(tái)人員發(fā)現(xiàn)前端有問(wèn)題，需要找前端人員修改，前端修改成功，再交給后臺(tái)人員使用
-
分工不明確：后臺(tái)開(kāi)發(fā)人員需要開(kāi)發(fā)后臺(tái)代碼，也需要開(kāi)發(fā)部分前端代碼。很難培養(yǎng)專業(yè)人才
-
不便管理：所有的代碼都在一個(gè)工程中
-
不便維護(hù)和擴(kuò)展：前端代碼更新，和后臺(tái)無(wú)關(guān)，但是需要整個(gè)工程包括后臺(tái)一起重新打包部署。
目前基本都是采用的前后臺(tái)分離開(kāi)發(fā)方式，如下圖所示：
??將原先的工程分為前端工程和后端工程這2個(gè)工程，前端工程交給專業(yè)的前端人員開(kāi)發(fā)，后端工程交給專業(yè)的后端人員開(kāi)發(fā)。前端頁(yè)面需要數(shù)據(jù)，可以通過(guò)發(fā)送異步請(qǐng)求，從后端工程獲取。??????????????????????????????但是前后臺(tái)是分開(kāi)來(lái)開(kāi)發(fā)的，那么前端人員怎么知道后臺(tái)返回?cái)?shù)據(jù)的格式呢？后端人員開(kāi)發(fā)，怎么知道前端人員需要的數(shù)據(jù)格呢？?????????????? ??針對(duì)這個(gè)問(wèn)題，前后臺(tái)統(tǒng)一指定一套規(guī)范，這樣前后臺(tái)開(kāi)發(fā)人員都需要遵循這套規(guī)范開(kāi)發(fā)就是 「接口文檔」。接口文檔有離線版和在線版本，接口文檔示可以查詢今天提供 「資料/接口文檔示例」里面的資料。?????? ? ??接口文檔的內(nèi)容由后臺(tái)開(kāi)發(fā)者根據(jù)產(chǎn)品經(jīng)理提供的產(chǎn)品原型和需求文檔所撰寫(xiě)出來(lái)的，產(chǎn)品原型示例可以參考今天提供 「資料/頁(yè)面原型」里面的資料。?
基于前后臺(tái)分離開(kāi)發(fā)的模式下，后臺(tái)開(kāi)發(fā)者開(kāi)發(fā)一個(gè)功能的具體流程如何呢？如下圖所示：
-
需求分析：首先我們需要閱讀需求文檔，分析需求，理解需求。
-
接口定義：查詢接口文檔中關(guān)于需求的接口的定義，包括地址，參數(shù)，響應(yīng)數(shù)據(jù)類型等等
-
前后臺(tái)并行開(kāi)發(fā)：各自按照接口文檔進(jìn)行開(kāi)發(fā)，實(shí)現(xiàn)需求
-
測(cè)試：前后臺(tái)開(kāi)發(fā)完了，各自按照接口文檔進(jìn)行測(cè)試
-
前后段聯(lián)調(diào)測(cè)試：前段工程請(qǐng)求后端工程，測(cè)試功能
2.API
2.1 APIfox介紹
前后臺(tái)分離開(kāi)發(fā)中，我們前后臺(tái)開(kāi)發(fā)人員都需要遵循接口文檔，所以接下來(lái)我們介紹一款撰寫(xiě)接口文檔的平臺(tái)。
APIfox是高效、易用、功能強(qiáng)大的 api 管理平臺(tái)，旨在為開(kāi)發(fā)、產(chǎn)品、測(cè)試人員提供更優(yōu)雅的接口管理服務(wù)。
其官網(wǎng)地址：https://apifox.com/
APIfox主要提供了2個(gè)功能：
-
API接口管理：根據(jù)需求撰寫(xiě)接口，包括接口的地址，參數(shù)，響應(yīng)等等信息。
-
Mock服務(wù)：模擬真實(shí)接口，生成接口的模擬測(cè)試數(shù)據(jù)，用于前端的測(cè)試。
2.2 接口文檔管理
接下來(lái)我們演示一下APIfox是如何管理接口文檔的。
①首先我們登錄APIfox的官網(wǎng)，可下載app或使用Web版，如下圖所示
②登錄進(jìn)去后，在個(gè)人空間中，添加項(xiàng)目，效果如圖所示：
新建項(xiàng)目名稱：前端項(xiàng)目1
③在項(xiàng)目接口下新建一個(gè)目錄：用戶管理
④到接口的編輯界面 ，對(duì)接口做生層次的定制
例如：接口的請(qǐng)求參數(shù)參數(shù)，接口的返回值等等，效果圖下圖所示：
添加接口的返回值，如下圖所示：
⑤可以設(shè)置接口的mock信息的期望值，如圖所示：
⑥在接口的預(yù)覽界面，直接點(diǎn)擊Mock地址，如下圖所示：
?快捷請(qǐng)求后返回如下數(shù)據(jù)：
如上步驟就是APIfox接口平臺(tái)中對(duì)于接口的配置步驟。