美文网首页后端开发将要学习
Swagger扫盲+springmvc集成Swagger

Swagger扫盲+springmvc集成Swagger

作者: shiva_s_guard | 来源:发表于2018-08-08 10:11 被阅读195次

    1.swagger 是什么?

    swagger是一个让你自动生成接口文档的一个框架
    直接上图:

    image

    2.为什么要用swagger?

    从java后台来看,平时工作的时候是不是要给android,ios,前端,提供接口?是不是要写接口文档?是不是因为一些文档原因大吵一架?写文档是不是很痛苦? 这个时候你就需要swagger了!

    3.如何用swagger去整合springmvc?

    本人项目用的是springmvc+spring+maybatis(ssm)框架,所以当然是用spring去整合了,当然也用maven管理项目模块

     spring版本 4.3.10.RELEASE
     jackson版本 2.9.5
    

    3.1项目依赖

    <!-- guava -->
        <dependency>
            <groupId>com.google.guava</groupId>
                <artifactId>guava</artifactId>
                <version>20.0</version>
        </dependency>
    <!--jackson-->
    <!--<org.jackson-version>2.9.5</org.jackson-version>-->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>${org.jackson-version}</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>${org.jackson-version}</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>${org.jackson-version}</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml</groupId>
            <artifactId>classmate</artifactId>
            <version>1.1.0</version>
        </dependency>
                
    <!-- swagger-springmvc -->
          <dependency>
              <groupId>com.mangofactory</groupId>
              <artifactId>swagger-springmvc</artifactId>
              <version>1.0.2</version>
          </dependency>
          <dependency>
              <groupId>com.mangofactory</groupId>
              <artifactId>swagger-models</artifactId>
              <version>1.0.2</version>
          </dependency>
          <dependency>
              <groupId>com.wordnik</groupId>
              <artifactId>swagger-annotations</artifactId>
              <version>1.5.3-M1</version>
          </dependency>
    

    3.2 Swagger配置

    import com.mangofactory.swagger.configuration.SpringSwaggerConfig;
    import com.mangofactory.swagger.models.dto.ApiInfo;
    import com.mangofactory.swagger.plugin.EnableSwagger;
    import com.mangofactory.swagger.plugin.SwaggerSpringMvcPlugin;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.EnableWebMvc;
    
    /**
    * @Description:swagger配置
    * @Author: LKD
    * @Date: 2018/08/07 16:37
    */
    @Configuration
    @EnableSwagger
    @EnableWebMvc
    public class SwaggerConfig {
    
       @Autowired
       private SpringSwaggerConfig springSwaggerConfig;
    
    
       public void setSpringSwaggerConfig(SpringSwaggerConfig springSwaggerConfig)
       {
           this.springSwaggerConfig = springSwaggerConfig;
       }
    
       @Bean
       public SwaggerSpringMvcPlugin customImplementation()
       {
           return new SwaggerSpringMvcPlugin(this.springSwaggerConfig)
                   .apiInfo(apiInfo())
                   .includePatterns(".*?");
       }
    
       private ApiInfo apiInfo()
       {
           ApiInfo apiInfo = new ApiInfo(
                   "Beamtech接口文档",
                   "功能接口一览",
                   "",
                   "damonli0724@Gmail.com",
                   "",
                   "");
           return apiInfo;
       }
    }
    

    再你的springmvc的配置文件中声明 springSwaggerConfig

    <!--注入SpringSwaggerConfig-->
    <bean class="com.mangofactory.swagger.configuration.SpringSwaggerConfig" />
    <!--swagger 接口文档静态资源-->
    <mvc:resources mapping="/swagger/**" location="/WEB-INF/swagger/"/>
    

    下面切入到实际方法中

    /**
     * 根据用户名获取用户对象
     * @param name
     * @return
     */
    @RequestMapping(value="/name/{name}", method = RequestMethod.GET)
    @ResponseBody
    @ApiOperation(value = "根据用户名获取用户对象", httpMethod = "GET", response = ApiResult.class, notes = "根据用户名获取用户对象")
    public ApiResult getUserByName(@ApiParam(required = true, name = "name", value = "用户名") @PathVariable String name) throws Exception{
        UcUser ucUser = ucUserManager.getUserByName(name);
    
        if(ucUser != null) {
            ApiResult<UcUser> result = new ApiResult<UcUser>();
            result.setCode(ResultCode.SUCCESS.getCode());
            result.setData(ucUser);
            return result;
        } else {
            throw new BusinessException("根据{name=" + name + "}获取不到UcUser对象");
        }
    }
      上述代码是Controller中的一个方法,@ApiOperation注解对这个方法进行了说明,@ApiParam注解对方法参数进行了说明。关于这两个注解的使用,可以参看源码。这样子,Swagger就可以扫描接口方法,得到我们自定义的接口说明内容。
    
         说明: 
         其中@ApiOperation和@ApiParam为添加的API相关注解,个参数说明如下: 
         @ApiOperation(value = “接口说明”, httpMethod = “接口请求方式”, response = “接口返回参数类型”, notes = “接口发布说明”;其他参数可参考源码; 
         @ApiParam(required = “是否必须参数”, name = “参数名称”, value = “参数具体描述”
    

    3.3使用swagger-ui

    默认扫描得到一个json文档,给别人看不可能看json吧,这个时候需要使用一波swagger-ui美化一波
    下载地址:https://github.com/swagger-api/swagger-ui
    UI版本要求:【2.0-3.0之间版本】
    存放位置:压缩包中,dist 目录下东西放到需要集成的项目里,我放在 src/main/webapp/WEB-INF/swagger/ 目录下

    image.png
    修改默认:swagger/index.html 默认是连接http://petstore.swagger.io/v2/swagger.json获取 API 的 JSON,我们需要修改成自己的 url为: [http://{ip}:{port}/{projectName}/api-docs].这样写死,当项目名和ip地址变化的话会有弊端,可以使用在下封装的方法
     //获取文档路径
          function getDocUrl(){
              //获取当前网址,如: http://localhost:8080/Tmall/index.jsp
              var curWwwPath=window.document.location.href;
              //获取主机地址之后的目录如:/Tmall/index.jsp
              var pathName=window.document.location.pathname;
              var pos=curWwwPath.indexOf(pathName);
              //获取主机地址,如: http://localhost:8080
              var localhostPaht=curWwwPath.substring(0,pos);
              //获取带"/"的项目名,如:/Tmall
              var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
              var docUrl =localhostPaht+projectName+"/api-docs";
    
              return docUrl;
          }
    
    image.png

    修改语言:默认是英文,换成中文,在上面的index.html中,打开注释,替换成中文


    image.png
    <!-- Some basic translations -->
        <script src='lang/translator.js' type='text/javascript'></script>
      <!-- <script src='lang/ru.js' type='text/javascript'></script> -->
       <script src='lang/zh-cn.js' type='text/javascript'></script>
    
      ###3.3大功告成
    

    打开浏览器输入
    http://{ip}:{port}/{projectName}/swagger/index.html

    image.png
    image.png
    image.png

    相关文章

      网友评论

      • yemoumou:故园东望路漫漫,双袖龙钟泪不干。-简书朋友你好,我是币圈一老友,我的写作方向是区块链和数字货币,初到简书,望多多关照。互粉互赞,已赞,期待您的回赞哦。-椿

      本文标题:Swagger扫盲+springmvc集成Swagger

      本文链接:https://www.haomeiwen.com/subject/gvktbftx.html