swagger UI 使用

一、What is swagger?

官方介紹Swagger是一個規範且完整的框架,提供描述、生產、消費和可視化RESTful Web Service。
專業角度:Swagger是由龐大工具集合支撐的形式化規範。這個集合涵蓋了從終端用戶接口、底層代碼庫到商業API管理的方方面面。

二、Why use the swagger?

  1. 講個故事:在2014年時候,我和另一個小夥伴加入到一個實驗室,開始了我們漫長的應用開發之路(這也是第一次做項目)。因爲只有兩個人,我做後臺,他做Android,分工很明確的。在一開始,我們並沒有關注API相關的內容,隨手拈來,我說什麼,他就調用什麼。當然,也沒有什麼API文檔提供。以至於到現在,我想更新升級系統,才發現,我們寫的代碼是有多爛,連自己都不忍心去看的。所以說在項目開始就定一個契約,雙方(前端後臺)就API相關的內容,包括路徑、參數、類型等達成一致,當然,這份契約並不是一旦創建就不能修改的,而且,如果一開始沒有設計好,很有可能會頻繁的修改。
  2. 作爲一個很懶的碼代碼的猿呢,對於一些API的理解總是很模糊不清,但是,總想着能直接驗證一下自己的理解就好了,而不是需要去項目寫測試代碼來驗證自己的想法。所以說,API文檔應該有直接運行的能力。而Swagger就是這樣的一個東西,它可以爲已有項目的生成具備執行能力的樣式化API文檔,這樣可以極大的方便程序員對前端後臺進行對接整合。

三、use the swagger

1. 開發環境介紹
  • maven 3.3
  • jdk 8+
  • spring 4.2.5
  • mybatis 3.4.1
  • swagger 1.0.2
2. 在pom.xml文件中添加swagger相關依賴
<!-- swagger-mvc -->
        <dependency>
            <groupId>com.mangofactory</groupId>
            <artifactId>swagger-springmvc</artifactId>
            <version>1.0.2</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.6.6</version>
        </dependency>
        <!-- swagger-mvc -->
3. 自定義對swagger的配置

對於swagger的配置,其實對自定義一個與swagger相關的Config類,可以通過Java編碼的實現配置。代碼如下:

package com.hp.common.swagger;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.web.servlet.config.annotation.DefaultServletHandlerConfigurer;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

import com.mangofactory.swagger.configuration.SpringSwaggerConfig;
import com.mangofactory.swagger.models.dto.ApiInfo;
import com.mangofactory.swagger.paths.SwaggerPathProvider;
import com.mangofactory.swagger.plugin.SwaggerSpringMvcPlugin;

/**
 * 
 * @ClassName: SwaggerConfig.java
 * @Description: Swagger配置類
 *
 * @version: v1.1.0
 * @author: xiangdong
 * @date: Mar 16, 2017
 */
public class SwaggerConfig extends WebMvcConfigurerAdapter {

    private SpringSwaggerConfig springSwaggerConfig;

    @Autowired
    public void setSpringSwaggerConfig(SpringSwaggerConfig springSwaggerConfig) {
        this.springSwaggerConfig = springSwaggerConfig;
    }
    
    /**
     * 鏈式編程 來定製API樣式 後續會加上分組信息
     * 
     * @return
     */
    @Bean
    public SwaggerSpringMvcPlugin customImplementation(){
           return new SwaggerSpringMvcPlugin(this.springSwaggerConfig)
                    .apiInfo(apiInfo())
                    .includePatterns(".*?");
    }
    
    private ApiInfo apiInfo() {
        ApiInfo apiInfo = new ApiInfo("API接口測試平臺",
                "提供後臺所有Restful接口", "www.flyeast.top",
                "[email protected]", "β客棧", "www.flyeast.top");
        return apiInfo;
    }

    @Override
    public void configureDefaultServletHandling(
            DefaultServletHandlerConfigurer configurer) {
        configurer.enable();
    }
}
3. 注入SwaggerConfig類

上面這段對swagger進行了基本的配置,現在需要將其注入到spring容器中,完成在程序加載之後對所有接口掃描解析的功能呢,在spring相關的配置文件中加入以下代碼:

    <!-- swagger配置信息 -->
    <bean class="com.mangofactory.swagger.configuration.SpringSwaggerConfig" />
4. 配置需要解析的接口方法

以下代碼是Controller中的一個方法,@ApiOperation註解對這個方法進行了說明,@ApiParam註解對方法參數進行了說明。關於其他註解,可以查看源碼或其他幫助文檔;

/**
     * DELETE 刪除用戶
     * @return
     */
    @ApiOperation(value = "刪除用戶信息", notes = "刪除用戶", httpMethod = "DELETE", produces = MediaType.APPLICATION_JSON_VALUE)
    @RequiresPermissions("sysuser:list:delete")
    @RequestMapping(value = "/list/{accountId}/delete", method = RequestMethod.DELETE)
    @ResponseBody
    public AjaxResult delete(@PathVariable Long accountId) {
        systemUserService.deleteSysUser(accountId);
        return success(true);
    }
5. 對Swagger-UI進行配置

Swagger掃描解析得到的是一個json文檔,所以對於用戶使用不是很方便,但是通過swagger-ui,可以友好的展示解析得到的接口說明內容。
這裏 獲取其所有的 dist 目錄下東西放到需要集成的項目裏,本文放入 src/main/webapp/目錄下。
修改index.html文件,默認是從連接http://petstore.swagger.io/v2/swagger.json獲取 API 的 JSON,我們需要將url值修改爲http://{ip}:{port}/{projectName}/api-docs的形式,如http://localhost:8080/CloudTi/api-docs

6. 運行項目,訪問URL

URL是自己在index.html中定義的URL

1489649368(1).jpg
7. 結束


作者:Xiangdong_She
鏈接:https://www.jianshu.com/p/f76d2c421422
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯繫作者獲得授權並註明出處。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章