Go to Qiita Advent Calendar 2024 Top
LoginSignup
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

@nooboolean(Yoshihiro Nakazawa)

SpringBoot(gradle)にOpenAPI(Swagger)の導入をしていろいろ設定してみた

Last updated at Posted at 2021-01-01

はじめに

昨年精算くんという個人開発のアプリケーションを作成したのですが、バックエンドAPIの仕様書を作成していなかったので、手っ取り早くOpenAPI(Swagger)を利用して作成していこうと思い利用するに至りました。
その際の導入方法や、個人的に気になった設定について触れていきます。

環境

OpenAPI(Swagger)とは

The OpenAPI Specification, originally known as the Swagger Specification, is a specification for machine-readable interface files for describing, producing, consuming, and visualizing RESTful web services.

(翻訳)OpenAPI仕様とは、RESTful Webサービスを記述、生成、消費、および視覚化するための機械可読インターフェースファイルの仕様です。

wikipediaより

ということで、OpenAPIとは簡単にいうと、RESTfulなWebサービス(APIなど)の仕様書作成のためのインターフェースです。
もともとはSwaggerという名称でしたが、2015年12月31日に、Microsoft/Google/IBMなどにより設立されたOAI(Open API Initiative)に寄贈されたため、名称が変わってOpenAPIとなったようです。
OAIにはSwaggerの生みの親であるSmartBear Software社も参加しており、寄贈に至ったそうです。
ただし、OpenAPIがまだまだ呼び名として浸透されていないため、依然Swaggerと呼ぶ人や記事が存在します。

SpringBootにOpenAPI(Swagger)を導入

SpringBootにOpenAPIを導入する方法はいくつかあります。
その中でも今回は SpringFoxを使用して導入します。
SpringFoxとはOpenAPIベースの仕様ドキュメントを作成できるSpring Frameworkのライブラリです。
https://github.com/springfox/springfox

gradleに定義

build.gradleに以下記述を記載します。

build.gradle
~省略~
dependencies {
        compile("io.springfox:springfox-swagger2:${お好みのバージョン}")
        compile("io.springfox:springfox-swagger-ui:${お好みのバージョン}")
~省略~
}

${お好みのバージョン} には使用したいバージョンを指定してください。以下リンクに指定できるバージョンとその使用率などが記載されています。

springfox-swagger2
springfox-swagger-ui

Configureクラスの作成

SpringBootのAutoConfigureの機能を使って、設定を読み込ませていきます。
以下のConfigureクラスを作成します。

SwaggerConf.java
package com.dededesignworkshop.seisankun_api.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import springfox.documentation.builders.PathSelectors;
import springfox.documentation.builders.RequestHandlerSelectors;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import springfox.documentation.swagger2.annotations.EnableSwagger2;

@Configuration
@EnableSwagger2
public class SwaggerConf {

    @Bean
    public Docket swaggerPlugin() {
        return new Docket(DocumentationType.SWAGGER_2) // SWAGGER_12, SWAGGER_2, SWAGGER_WEBがあるがどれが良いのかあまりわからない
                .select() //ApiSelectorBuilderの生成
                .apis(RequestHandlerSelectors.any()) //ドキュメントの対象となるRequestHandlerを設定
                .paths(PathSelectors.regex("/v1.*")) //ドキュメントの対象となるPathを設定
                .build();
    }

}

DocketというクラスをBean定義しています。
公式ドキュメントはこちらですので、他の設定項目も見てみてください。

ブラウザ表示

/swagger-ui.htmlのパスへアクセスすると以下の表示になります。
スクリーンショット 2021-01-01 23.41.59.png

いろいろな設定

最低限の設定は上記のBean定義のみで問題ないんですが、他にもいろいろカスタマイズができますので、試してみました。

APIの基本情報設定

DocketのapiInfo()でAPIの基本情報設定が可能です。
画像の赤枠の部分です。
スクリーンショット 2021-01-02 0.08.43.png

先程のConfigureクラスに以下を追加してください。

SwaggerConf.java
~省略~

@Configuration
@EnableSwagger2
public class SwaggerConf {

    @Bean
    public Docket swaggerPlugin() {
        return new Docket(DocumentationType.SWAGGER_2)
                .select()
                .apis(RequestHandlerSelectors.any())
                .paths(PathSelectors.regex("/v1.*"))
                .build()
                .apiInfo(getApiInfo()); //ApiInfo型でAPIの基本情報設定
    }

    private ApiInfo getApiInfo() {
        return new ApiInfoBuilder()
                .title("Seisankun-api")
                .description("旅行の割り勘計算アプリ\"清算くん\"のAPI")
                .version("1.0.0")
                .contact(new Contact("nooboolean","webSiteUrl","email"))
                .build();
    }
}

公式ドキュメントはこちらですので、他の設定項目も見てみてください。

各エンドポイントの詳細設定

UiConfigurationBuilderでUiConfigurationクラスを返すBean定義をすることで、 各エンドポイントの詳細設定が可能です。
以下の画面の設定を行えます。
スクリーンショット 2021-01-02 0.42.10.png

先程のConfigureクラスに以下を追加してください。

SwaggerConf.java
~省略~

@Configuration
@EnableSwagger2
public class SwaggerConf {

~省略~

    @Bean
    public UiConfiguration swaggerUiConf() {
        return UiConfigurationBuilder.builder()
                .displayRequestDuration(true)
                .defaultModelExpandDepth(3)
                .defaultModelRendering(ModelRendering.EXAMPLE)
                .filter(true)
                .operationsSorter(OperationsSorter.METHOD)
                .validatorUrl("")
                .docExpansion(DocExpansion.LIST)
                .build();
    }
}

今回設定した項目の詳細です。

設定項目 説明
displayRequestDuration OpenAPI上でAPI実行した際のRequestDuration(レスポンスタイム)の表示有無を設定できます。
defaultModelExpandDepth Responses の詳細に記載される、レスポンスの具体的な値の構造(Model)を表記する際に、どの階層まで折りたたまずに開いておくかを設定できます。
defaultModelRendering Responses の詳細に記載される、レスポンスの具体的な値のデフォルト表記を、「値の例」にするか「構造(Model)」にするかを選べます。
filter エンドポイントのフィルタリングができるフィルターフィールドの必要有無が設定できます。
operationsSorter エンドポイントの並び順を設定できます。今回はメソッド順になるようにしています。
docExpansion 階層的になっているエンドポイントの表示をデフォルトでどこまで開くかを設定できます。
validatorUrl validationUrlを設定できます。無効にすることでこのような問題を回避できます。

公式ドキュメントはこちらですので、他の設定項目も見てみてください。

各エンドポイントの説明の設定

各エンドポイントがどんな役割かなどの説明を記載することができます。
各々のエンドポイントのメソッドにApiOperationアノテーションをつけることで可能です。

UserController.java

    @ApiOperation(value = "旅行に紐づくユーザリストを参照します", notes = "パラメータで指定した旅行IDに紐づくユーザリストを参照します")
    public List<User> findByTravelId(@PathVariable("travel_id") Integer travel_id) {
        return this.userService.findByTravelId(travel_id);
    }

表示結果は以下の通りです。
スクリーンショット 2021-01-02 1.24.43.png

他にもまだまだカスタマイズできそうなので、追加でカスタマイズした際はその都度追記していこうと思います！！

7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?