1. 程式人生 > >apidoc介面文件自動生成工具

apidoc介面文件自動生成工具

使用背景 :

由於後端介面開發好,提供介面文件供前端人員呼叫;由於某種原因,修改了介面,文件沒有及時更新,導致後續交接或聯調時介面文件不匹配;使用apidoc文件自動生成工具,解決這一問題。

方案介紹 :

apidoc是基於node語言寫的介面文件生成工具。

特點:

  • 適用於多種語言,包括並不限於 java、node、php、c#等語言

  • 與業務程式碼無耦合,直接修改註釋的格式即可

  • 介面文件是HTML頁面,簡潔明瞭

git地址:

https://github.com/apidoc/apidoc

使用步驟 :

1)環境安裝

  • 安裝node執行環境和npm第三方包

  • 安裝apidoc模組,執行命令 npm install apidoc -g

2)專案接入apidoc(舉例 基於 javaweb 微信公眾號專案)

安裝好環境之後,在專案的根目錄建立檔案apidoc.json

開啟apidoc.json進行編輯

對應的頁面效果

3)程式碼註釋說明

定義一個全域性屬性,變數名在整個專案中不能重複(一處定義,四處引用) @apiDefine 變數名 變數說明 詳細說明

示例: @apiDefine statistic 統計模組 微信管理員檢視相關指標,粉絲分佈情況,場景二維碼建立情況,自定義選單使用情況等等

定義其他全域性變數

4)介面程式碼 註釋及詳情示例,括號裡面是說明

5)生成介面文件

使用技巧

後端專案加入git管理,專案使用自動構建工具(如Jenkins); 

當開發人員提交程式碼到git裡,Jenkins會 監聽是否有程式碼提交,一旦發現有程式碼傳送變化,則執行對應的shell指令碼.。

我們在shell腳本里面執行apidoc構建命令,並把構建好的文件傳輸到統一的文件伺服器,配置域名,專案組的人就能訪問到最新的文件。

關於apidoc詳情,請參考資料 相關資料: 

英文官網:http://apidocjs.com/#install 

長按圖片識別圖中二維碼(或搜尋微信公眾號FrontEndStory

)關注“前端那些事兒”,帶你探索前端的奧祕。


相關推薦

apidoc介面自動生成工具

使用背景 : 由於後端介面開發好,提供介面文件供前端人員呼叫;由於某種原因,修改了介面,文件沒有及時更新,導致後續交接或聯調時介面文件不匹配;使用apidoc文件自動生成工具,解決這一問題。 方案介紹 : apidoc是基於node語言寫的介面文件生成工具。

介面自動生成、使用apidoc 生成Restful web Api(express)

專案地址為: 專案地址 這個是自動生成網頁,我們就可以擺脫excel。 一.首先是使用node安裝apiDoc npm install apidoc -g 二.在需要生成介面的添加註釋 /** * @api {post} /v1/login

api自動生成工具

安裝教程 spring-boot整合: 1. 新增依賴 - 新增依賴包 <dependency> <groupId>com.gitee.sergius</groupId>

資料庫自動生成工具(開放原始碼)

本人寫了一個數據庫文件自動生成工具,可以自動生成資料庫文件。 用java寫了個 客戶端介面: 輸入相關資訊後,可以自動生成資料庫文件: 模板支援自定義,點選“自定義模板?”按鈕,將新增的模板複製到該目錄下即可。

如何讓介面自動生成,SpringBoot中Swagger的使用

目錄 一、在SpringBoot專案中配置Swagger2 1、pom.xml中對Swagger2的依賴 2、編寫配置類啟用Swagger 3、配置實體類的文件 4、配置介面的文件

API管理-基於SpringBoot專案整合swagger實現介面自動生成

1. 為什麼要使用swagger? 上一次部落格(API管理-使用開源xxl-api專案管理介面)中我也提到過介面文件在整個生命

接口自動生成工具apidoc

端口 分享 itl 通過 分離 資源 img 瀏覽器 nginx   前後端分離之後,接口文檔是前後端溝通的必要手段。然後接口文檔包含大量的重復性工作,費時費力,像apidoc這樣工具就十分必要了。   官方文檔:http://apidocjs.com/   -------

參數化-utp框架之根據yaml自動生成python

inf txt 日誌文件 aml 根據 自動 nbsp 使用 bubuko 根據yaml文件自動生成python文件 utp框架: bin目錄:存放執行文件 cases目錄:存放生成的用例的python文件 conf目錄:存放配置文件 data目錄:存放yaml格式的用例

Swagger介面快速生成

1.openapi介紹 OpenAPI規範(OpenAPI Specification 簡稱OAS)是Linux基金會的一個專案,試圖通過定義一種用來描述API格式或API定義的語言,來規範RESTful服務開發過程,目前版本是V3.0,並且已經發布並開源在github上.

Word自動生成目錄方法,一看就會!還會自動更新

無論是寫論文還是工作中,有時候需要設定Word文件的目錄,但是那麼多頁的文件,一個一個手動去新增太麻煩了,究竟有什麼好辦法可以讓Word文件自動生成目錄呢?相信大家都想知道,那今天就讓小編給大家講講Word文件自動生成目錄的方法吧,絕對簡單,保證大家看完就會! 1、先設定好文章的標題樣式 首先,需要把文章

基於滴滴雲搭建輕量網站生成工具 Docsify

Docsify 是一個動態生成文件網站的工具。不同於 GitBook、Hexo 的地方是它不會將 .md 轉成 .html 檔案,所有轉換工作都是在執行時進行。 這非常實用,如果只是需要快速的搭建一個小型的文件網站,或者不想因為生成的一堆 .html 檔案“汙染” commit 記錄,只

python sphinx 自動生成方法

## sphinx 生成開發文件#### 配置 1. 執行如下命令,即可生成 conf.py index.rst Makefile 三個檔案: `sphinx-quickstart` 2. conf.py 負責全域性配置: 1. 注意一定要啟用 `autodoc` 2. `au

apidoc 監視檔案變動自動生成工具

之前介紹了apiDoc這個生成Restful api文件的工具,可是還是不爽,每次寫完了還要手動去執行命令,所以自己寫了一個監視檔案變化,然後自動執行生成文件的工具。 先上程式碼: /** * C

Android 介面的輔助工具Fiddler4

 Fiddler是一個http除錯代理,它能夠記錄所有的你電腦和網際網路之間的http通訊,Fiddler 可以也可以讓你檢查所有的http通訊,設定斷點,以及Fiddle 所有的“進出”的資料。

基於 React 開發了一個 Markdown 站點生成工具

[Create React Doc](https://github.com/MuYunyun/create-react-doc) 是一個使用 React 的 markdown 文件站點生成工具。就像 [create-react-app](https://github.com/facebook/create-r

使用apidoc自動生成介面

1.apidoc的使用需藉助npm,即你首先需要安裝node js2.然後開始->執行->cmd->npm install apidoc -g 進行全域性安裝apidoc可通過apidoc -v 命令檢視是否安裝成功3.通過apidoc -f ".*\.ja

Swagger2整合springBoot,自動生成API介面

Swagger2整合springBoot 首先匯入jar包 <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swa

SpringBoot整合SwaggerUI自動生成介面

SpringBoot整合SwaggerUI自動生成介面文件 一、在pom.xml檔案裡新增SpringBoot的引用配置,程式碼如下: <dependency> <groupId>io.springfox</gro

apidoc根據程式碼註釋生成介面過程

首先要確認你的系統安裝了nodejs,然後執行npm install -g apidoc即可。 配置apidoc,在你的專案下建立apidoc.json檔案 { "name": "測試APIs", "version": "1.0.0",

Spring Boot(九)Swagger2自動生成介面和Mock模擬資料

一、簡介 在當下這個前後端分離的技術趨勢下,前端工程師過度依賴後端工程師的介面和資料,給開發帶來了兩大問題: <!--more--> 問題一、後端介面檢視難:要怎麼呼叫?引數怎麼傳遞?有幾個引數?引數都代表什麼含義? 問題二、返回資料操作難:資料返回不對或者不夠