quo-digital https://blog.hatena.ne.jp/quo-digital/ QUO CARD Digital Innovation Lab Tech Blog https://quo-digital.hatenablog.com/ OpenAPI こんにちは、デジタルイノベーションラボの飯島です。 今回は、OpenAPI を利用した開発とデプロイまでのフローをざっくり紹介します。 アプリケーション構成 バックエンドは Kotlin + SpringBoot, フロントエンドは TypeScript + React になります。 バックエンドが用意した API をフロントエンドが叩く、一般的なアプリケーションです。 フロー 1. OpenAPI 定義出力用の Interface を実装したコントローラーを作成 簡単なサンプルですが、以下のような Interface を作成し、implement してコントローラーを作成します。 @Tag(… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fquo-digital.hatenablog.com%2Fentry%2F2021%2F10%2F26%2F095540" title="OpenAPI を利用した開発フロー - QUO CARD Digital Innovation Lab Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-10-26 09:55:40 rich https://quo-digital.hatenablog.com/entry/2021/10/26/095540 1.0 100%