瞧瞧,人家那後端API接口寫得多優雅!

2020-12-13 騰訊網

在移動網際網路,分布式、微服務盛行的今天,現在項目絕大部分都採用的微服務框架,前後端分離方式。

圖片來自 Pexels

題外話:前後端的工作職責越來越明確,現在的前端都稱之為大前端,技術棧以及生態圈都已經非常成熟;以前後端人員瞧不起前端人員,那現在後端人員要重新認識一下前端,前端已經很成體系了。

一般系統的大致整體架構圖如下:

需要說明的是,有些小夥伴會回覆說,這個架構太簡單了吧,太 low 了,什麼網關啊,緩存啊,消息中間件啊,都沒有。

因為這篇我主要介紹的是 API 接口,所以我們聚焦點,其他的模塊小夥伴們自行去補充。

接口交互

前端和後端進行交互,前端按照約定請求 URL 路徑,並傳入相關參數,後端伺服器接收請求,進行業務處理,返回數據給前端。

針對 URL 路徑的 restful 風格,以及傳入參數的公共請求頭的要求(如:app_version,api_version,device 等),這裡我就不介紹了,小夥伴們可以自行去了解,也比較簡單。

我著重介紹一下後端伺服器如何實現把數據返回給前端?

返回格式

後端返回給前端我們一般用 JSON 體方式,定義如下:

CODE 狀態碼

Code 返回狀態碼,一般小夥伴們是在開發的時候需要什麼,就添加什麼。

如接口要返回用戶權限異常,我們加一個狀態碼為 101 吧,下一次又要加一個數據參數異常,就加一個 102 的狀態碼。這樣雖然能夠照常滿足業務,但狀態碼太凌亂了。

我們應該可以參考 HTTP 請求返回的狀態碼,下面是常見的 HTTP 狀態碼:

我們可以參考這樣的設計,這樣的好處就把錯誤類型歸類到某個區間內,如果區間不夠,可以設計成 4 位數。

這樣前端開發人員在得到返回值後,根據狀態碼就可以知道,大概什麼錯誤,再根據 Message 相關的信息描述,可以快速定位。

Message

這個欄位相對理解比較簡單,就是發生錯誤時,如何友好的進行提示。一般的設計是和 Code 狀態碼一起設計,如:

再在枚舉中定義,狀態碼:

狀態碼和信息就會一一對應,比較好維護。

Data

返回數據體,JSON 格式,根據不同的業務又不同的 JSON 體。

我們要設計一個返回體類 Result:

控制層 Controller

我們會在 Controller 層處理業務請求,並返回給前端,以 Order 訂單為例:

我們看到在獲得 Order 對象之後,我們是用的 Result 構造方法進行包裝賦值,然後進行返回。

小夥伴們有沒有發現,構造方法這樣的包裝是不是很麻煩,我們可以優化一下。

美觀優化

我們可以在 Result 類中,加入靜態方法,一看就懂:

那我們來改造一下 Controller:

代碼是不是比較簡潔了,也美觀了。

優雅優化

上面我們看到在 Result 類中增加了靜態方法,使得業務處理代碼簡潔了。

但小夥伴們有沒有發現這樣有幾個問題:

每個方法的返回都是 Result 封裝對象,沒有業務含義。

在業務代碼中,成功的時候我們調用 Result.success,異常錯誤調用 Result.failure。是不是很多餘。

上面的代碼,判斷 id 是否為 null,其實我們可以使用 hibernate validate 做校驗,沒有必要在方法體中做判斷。

我們最好的方式直接返回真實業務對象,最好不要改變之前的業務方式,如下圖:

這個和我們平時的代碼是一樣的,非常直觀,直接返回 order 對象,這樣是不是很完美。那實現方案是什麼呢?

實現方案

小夥伴們怎麼去實現是不是有點思路,在這個過程中,我們需要做幾個事情:

定義一個註解 @ResponseResult,表示這個接口返回的值需要包裝一下。

攔截請求,判斷此請求是否需要被 @ResponseResult 註解。

核心步驟就是實現接口 ResponseBodyAdvice 和 @ControllerAdvice,判斷是否需要包裝返回值,如果需要,就把 Controller 接口的返回值進行重寫。

註解類

用來標記方法的返回值,是否需要包裝:

攔截器

攔截請求,是否此請求返回的值需要包裝,其實就是運行的時候,解析 @ResponseResult 註解。

此代碼核心思想,就是獲取此請求,是否需要返回值包裝,設置一個屬性標記。

重寫返回體

上面代碼就是判斷是否需要返回值包裝,如果需要就直接包裝。這裡我們只處理了正常成功的包裝,如果方法體報異常怎麼辦?處理異常也比較簡單,只要判斷 body 是否為異常類。

怎麼做全局的異常處理,篇幅原因,老顧這裡就不做介紹了,只要思路理清楚了,自行改造就行。

重寫 Controller

在控制器類上或者方法體上加上 @ResponseResult 註解,這樣就 OK 了,簡單吧。到此返回的設計思路完成,是不是又簡潔,又優雅。

總結

這個方案還有沒有別的優化空間,當然是有的。如:每次請求都要反射一下,獲取請求的方法是否需要包裝,其實可以做個緩存,不需要每次都需要解析。

當然整體思路了解,小夥伴們就可以在此基礎上面自行擴展。謝謝!!!

作者:老顧

編輯:陶家龍

出處:https://www.toutiao.com/i6694404645827117572

相關焦點

  • 這後端API接口寫得才叫一個優雅!網友直呼:666
    ,現在的前端都稱之為大前端,技術棧以及生態圈都已經非常成熟;以前後端人員瞧不起前端人員,那現在後端人員要重新認識一下前端,前端已經很成體系了)。因為老顧這篇主要介紹的是API接口,所以我們聚焦點,其他的模塊小夥伴們自行去補充。 接口交互 前端和後端進行交互,前端按照約定請求URL路徑,並傳入相關參數,後端伺服器接收請求,進行業務處理,返回數據給前端。
  • 3分鐘短文:太爽了,用Laravel寫API接口!
    引言我們一直在講,通過路由傳達到控制器,處理好數據並渲染到視圖,但是對於現代的應用, 前後端分離的情況下,後端寫個接口就完事兒了。本期為大家說一說用laravel寫restful風格的API,看看能有多簡單。以路由開端寫API接口,與傳統的渲染前端模板頁面有什麼區別?
  • Python——用 Django 寫 restful api 接口
    用 Python 如何寫一個接口呢,首先得要有數據,可以用我們在網站上爬的數據,在上一篇文章中寫了如何用 Python 爬蟲,有興趣的可以看看:https://www.cnblogs.com/sixrain/p/9120529.html大量的數據保存到資料庫比較方便。
  • php - Api 接口寫法規範和要求
    參數說明和示例apidoc 支持如下關鍵字:(下面 [ ] 中括號中表示是可選寫的內容,使用時不用加 [ ] 中括號。)@api {method} path [title]    只有使用@api標註的注釋塊才會在解析之後生成文檔,title會被解析為導航菜單(@apiGroup)下的小菜單    method可以有空格,如{POST GET}  @apiGroup name    分組名稱,被解析為導航欄菜單@apiName name    接口名稱,在同一個@apiGroup下,名稱相同的@api
  • 前後端交互接口設計規範
    1、後端設計統一的返回模型在與前端的交互過程中,我們最好統一一個通用的對象模型,避免一個接口返回一個模型,減少前端同學繁雜的工作量和溝通成本,類似如下:code為返回的編碼,一般分為成功的編碼和錯誤的編碼,比如code=200為請求成功,非200為失敗,在失敗的情況下message
  • ApiBlueprint在laravel框架中的使用
    背景目前和前端聯調、其他部門聯調使用的方式有:使用MarkDown出接口文檔,放在共同的gitlab倉庫上面,前後端都可以訪問(只要約定好誰修改就好了,避免兩個人都修改出現差異),作為一個經常寫方法注釋的好程式設計師來說(其實你的leader也會要求你),要在每一個接口上面寫上幾行方法注釋,註明這個方法是做啥的,不然別人接手不便捷 _;使用apiDoc工具(使用方法可以查看
  • smart-doc 2.0.1 發布,Java 零註解 API 文檔生成工具
    smart-doc完全基於接口源碼分析來生成接口文檔,完全做到零註解侵入,你只需要按照java標準注釋編寫,smart-doc就能幫你生成一個簡易明了的markdown 或是一個像GitBook樣式的靜態html文檔。如果你已經厭倦了swagger等文檔工具的無數註解和強侵入汙染,那請擁抱smart-doc吧!
  • 使用C#的後端Web API:循序漸進教程
    如何在VS中創建基於.NET的後端應用程式,該應用程式使用C#語言從Web API中提取。讓我們開始吧!為伺服器後端邏輯選擇語言的問題是幾乎每個開發人員最重要的問題之一,特別是對於初學者。注意routeTemplate: "api/{controller}/{id}",它解釋了API路由。現在,讓我們做一個基本的例子。在本教程中,我們將為用戶準備一個API,這是每個系統的一個非常通用的實體/對象。
  • smart-doc 2.0.2 發布,Java 零註解 API 文檔生成工具
    smart-doc 完全基於接口源碼分析來生成接口文檔,完全做到零註解侵入,你只需要按照 java 標準注釋編寫,smart-doc 就能幫你生成一個簡易明了的 markdown 或是一個像 GitBook 樣式的靜態 html 文檔。如果你已經厭倦了 swagger 等文檔工具的無數註解和強侵入汙染,那請擁抱 smart-doc 吧!功能特性 支持接口 debug。
  • 接口測試平臺代碼實現43:接口底層請求邏輯
    然後接受到後臺返回值後,直接切換到返回體子頁面,並把返回值顯示到返回體的多行文本框中。(獲取各種接口數據的代碼和保存接口的函數中基本相同,所以基本可以直接複製)好,代碼如下:大家直接複製保存函數中的代碼即可,但是要注意修改請求url為/Api_send/,返回值處理方式也做了變更
  • 為何前端開發人員會反感過多的後端接口設計
    首先,接口作為連接前後端的重要橋梁,在整個程序開發過程當中起到了非常重要的作用,接口本身的設計也體現出了程式設計師的能力和水平,所以在設計接口的過程中,也會逐漸獲得開發能力上的提升。接口設計的優劣往往取決於三方面因素,其一是抽象程度;其二是程序的模塊化管理;其三是程序的開發基礎(平臺),這與具體的技術選型有比較直接的關係。對於前端開發人員來說,接口一定是越少越好,一方面在進行接口測試的過程中比較方便,工作量也比較少,另一方面在使用的過程中也比較簡單,未來在進行升級修改時也比較容易實現。
  • 什麼是第三方支付接口api?第三方支付接口申請需要提供什麼資料?
    什麼是第三方支付接口api?第三方支付接口api的出現,告別了繁瑣的支付通道的接入流程,提供了多種通道的支付接口集成,就是從事技術行業者說的函數。簡單的說api接口程序就是整合市面所有的支付通道,全力給合作方提供多途徑通道、傾情打造以網際網路為支撐的全新營銷渠道,實現資源共享、風險共擔的全新網絡支付程序。 它功能齊全、覆蓋範圍廣,貨幣流通順暢,支持網銀支付,開通了最安全最廣泛的交易快捷通道。有了網銀支付這一功能,我們的在線交易就得到全面完善,從而就給人們帶來多種多樣的在線交易方式。
  • JMeter接口測試—獲取所有任務API
    獲取所有任務  GET /api/tasks 接口獲取所有的任務,該接口需要鑑權。  注意,默認情況下鑑權是關閉的。  鑑權失敗  我們試著在沒有提供token的情況下訪問 GET /api/tasks接口。  新建http請求取樣器,路徑/api/tasks,直接運行,結果如下圖所示。  接口返回狀態碼401,這就證明了如果不登錄的話獲取所有任務的接口是無法直接訪問的。
  • 前端:調你一個接口6秒還配資深工程師?後端:有24部分需要處理
    有關於做web開發的程式設計師,不知道你們有沒有這樣一種感受,那就是前端工程師與後端工程師之間有時也會存在鄙視鏈的關係,比如前端程式設計師會認為後端程式設計師沒什麼技術含量,不就是寫個接口,獲取一些數據而已,而前端就不一樣了,各種炫酷效果,如瀑布流,輪播圖,css動畫,另外還要做各種設備兼容或者瀏覽器兼容等問題
  • 無意間發現浙江一戶人家「茶室」,那叫一個高雅!大夥都瞧瞧
    無意間發現浙江一戶人家「茶室」,那叫一個高雅!大夥都瞧瞧。「柴米油鹽醬醋茶」,作為生活中必不可少的飲品——茶,在古時候就開始源遠流長,中國人對於茶的喜愛,早已深入骨髓,打造一個雅俗共賞的茶室,是每個愛茶的人心中所求。
  • 後端開發必備的 RestFul API 知識
    相關閱讀:•http://www.ruanyifeng.com/blog/2014/05/restful_api.html(阮一峰,這篇文章大部分內容來源)•https://www.baeldung.com/spring-hateoas-tutorial(RestFul API Tutorial)•https://aisensiy.github.io/2017/06/04
  • magic-api 0.4.8 發布,接口快速開發框架
    一元運算符,支持非布爾值運算 修複函數命名atPercent變更為asPercent項目介紹magic-api 是一個基於Java的接口快速開發框架,通過magic-api提供的UI界面完成編寫接口,無需定義Controller
  • magic-api 0.5.3 發布,接口快速開發框架
    #I29LQG 修復未攜帶參數的BUG 修復引入組件瀏覽器會報錯的問題 修復底部組件渲染不正確的問題 修復注入不了db模塊的BUG 修復db.page方法會報錯的BUG 修復前端忽略版本更新時會再次提示的BUG 修復保存接口時可能會報空指針的
  • zuihou-admin-cloud 1.1 發布 , 獨立Schema的多租戶微服務腳手架
    2,新增 系統api接口表、應用-系統api 關聯表 以及相關接口, 用於外部應用的api授權3,修改 應用表相關欄位,並重新生成代碼4,新增 zuihou-scan-starter 起步依賴模塊,實現自動掃描服務的所有api接口, 並提供2種遠程調用權限服務持久化的方式(feign or rabbitmq)5,升級 swagger-bootstrap-ui 1.9.6
  • obgame分享:電競LOL數據API接口-API調用
    分享使用 OBGAME電競數據 接口調用的示例代碼,接的是英雄聯盟的【選手基本信息】接口.接口請求地址:http://api.xxe.io/?"match_type": "2", "match_bonus": "500萬人民幣", }, { "match_id": "102", "match_name": "LCK", "match_desc": "LCK是韓國英雄聯盟職業聯賽,被玩家成為英雄聯盟最強賽區,擁有多支世界頂級強隊