DAY5 — 什麼!你的程式碼由文件產生,這樣不就不用補文件了嗎!? — Docs tool 篇

被選召的 Gopher 們,從零開始探索 Golang, Istio, K8s 數碼微服務世界 — 第12屆iT邦幫忙鐵人賽

髒桶子
喜歡解決問題的髒桶子
6 min readSep 19, 2020

--

本文章同時發佈於:

大家好,繼昨天DAY04 Docker-Compose 的介紹後,我們終於有了一個開發環境,接下來要實作夠過各種 Docs tool 來建構各種文件與程式介面。

為什麼需要這些 Docs tool

文件與實作同步,為不同團隊提供一個簡潔的系統介紹,而不是遇到任何問題就看code

以前接受了許多專案,文檔提供不完全,導致許多 API 根本不清楚作用,而是要透過看code來了解整體情境,這花費了巨量的時間。

也不是說看 code 不好,在Clean Code書中也有提到 :

code 必須要清楚表達意圖,而不是靠各種註解解決

而文件跟註解有幾分相似,是否如果 code 寫得好就不需要文件了呢?

我認為還是要的,以下是我覺得需要寫成文件的部分:

  • 一連串不同 API 達成的情境: 因為單純看 code 是無法說明一整個情境的。
  • API 所規範的介面: 各團隊可以根據此規範來串接 API,以避免後端說要帶 a 資料前端卻帶 b 資料的窘境。

為什麼文件往往趕不上實作?

因為寫文件的成本往往高於寫 code

我認為有以下關係:

  1. 當更新了 code 的功能,我們就要點開各式各樣的文件去更新
  2. 文件軟體用起來有夠不順手,奇怪我是程式設計的為什麼要一天到晚畫圖
  3. 為什麼文件寫的跟 code 不一樣,算了這個文件不看白不看,還是看 code

所以我已以下原則來寫文件,我認為可以減低以上問題的成本 XD:

  1. 統一都用 Markdown 來寫,流程圖與關係圖用mermaid-jsvscode-drawio一次解決
  2. 因為採用 Markdown 所以不用再為了邏輯而畫圖,而是寫好邏輯就自動產生圖
  3. swagger-generator來產生程式介面,再來開發,這樣就可以用文件產生程式介面

用文件產生程式介面?!

沒錯!你可以這樣做,在 GraphQL 問世後,大家慢慢發現可以這樣做,要更改程式嗎?那請先更新 GraphQL schema,如此一來文件永遠不會落後,前後端的 code 也可以透過這個文件產生。

而 gRPC 也是有同樣的概念在裡頭,gRPC 是透過定義好 Protobuf 文件來產生程式碼。

但較少人知道,Restful API 其實也是可以這樣做的,即是定義好 Open API,並透過上述swagger-generator來產生程式碼。

Docs tool 介紹

  • mermaid-js: 提供用簡單的 Markdown 來撰寫流程圖的功能
  • vscode-drawio: 可以讓 vscode 可以直接在.jpg/.png中編輯圖片並同步更新在 Markdown 中
  • swagger-generator: swagger是一個撰寫 Open API 介面的方案,大家常常拿它來撰寫介面,但其實他也可以透過這些文件來生產出不同語言的Server端與Client端,對於規範好不同團隊語言的接口很方便。
  • Insomnia Designer: 可以用 Open API 來產生 Postman 測試端點的軟體!

開始來基於 Digimon-Service 來撰寫文件~

Example Github code 在此

From Youtube: 2019 Bandai 20th Anniversary Digimon Virtual Pet Unboxing & Review [4K UHD]

還記得小時候玩的數碼育成機嗎?一開始會有一顆數碼蛋,我們要慢慢培育他,隨著時間這顆數碼蛋就會孵化出數碼獸,並與我們一起成長。Digimon-Service 希望可以提供這些功能。

所以基於這些需求,我們開始把文件撰寫出來~

Digimon-Service 結構圖 — 使用vscode-drawio完成:

提供的功能:

  • 提供一個數碼蛋,讓 client 端可以領取。
  • 數碼蛋會隨著時間孵化。

實作我們採用 Restful API,以下是 API — 使用Insomnia Designer完成:

Insomnia Designer的設計介面非常友好,並且!當你點了上方的DEBUG

他竟人產生了測試端點!連端點都不用慢慢加了,太神啦~!

資料庫如下 — 使用vscode-drawio完成:

  • Digimons: 紀錄數碼獸狀態
  • Diets: 紀錄數碼獸飲食

流程上如下 — 使用mermaid-js完成:

產生數碼蛋

培育數碼獸

查看數碼獸

總結

有了這些便捷的工具後,

文件就不是個很花費時間又重工的事情了,而是可以直接使用在開發上的好幫手!

接下來要介紹如何透過swagger-generator生產出 Golang Server 的介面並且透過 Clean Architecture 來實作,並透過Insomnia Designer測試

謝謝你的閱讀,也歡迎分享討論指正~

參考

Write Medium in Markdown? Try Markdium!

--

--