Create swagger-ui page

vn7n24fzkq · vn7n24fzkq · commit 91c0d7e55109 · 2020-04-25T02:28:08.000+08:00
diff --git a/src/main/kotlin/io/realworld/app/config/AppConfig.kt b/src/main/kotlin/io/realworld/app/config/AppConfig.kt
@@ -36,7 +36,8 @@ class AppConfig : KoinComponent {
                 enableWebjars()
                 enableCorsForAllOrigins()
                 contextPath = getProperty("context")
-                registerPlugin(getConfiguredOpenApiPlugin())
+                addStaticFiles("/swagger")
+                addSinglePageRoot("","/swagger/swagger-ui.html")
                 server {
                     Server(getProperty("server_port") as Int)
                 }
@@ -61,22 +62,5 @@ class AppConfig : KoinComponent {
                         .configure(SerializationFeature.WRITE_DATES_WITH_ZONE_ID, true)
         )
     }
-
-    fun getConfiguredOpenApiPlugin() = OpenApiPlugin(
-            OpenApiOptions(
-                    Info().apply {
-                        title("Conduit")
-                        version("1.0")
-                        description(
-                                "|-\n" +
-                                        "    Collection for testing the Conduit API\n" +
-                                        "    https://github.com/Rudge/kotlin-javalin-realworld-example-app")
-                    }
-            ).apply {
-                path("/swagger-docs") // endpoint for OpenAPI json
-                swagger(SwaggerOptions("/swagger-ui")) // endpoint for swagger-ui
-                roles(roles(Roles.ANYONE, Roles.AUTHENTICATED))
-            }
-    )
 }
 
diff --git a/src/main/resources/swagger/swagger-ui.html b/src/main/resources/swagger/swagger-ui.html
@@ -0,0 +1,47 @@
+<!-- HTML for static distribution bundle build -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Swagger UI</title>
+    <link rel="stylesheet" type="text/css" href="/api/webjars/swagger-ui/3.24.3/swagger-ui.css" >
+    <link rel="icon" type="image/png" href="/api/webjars/swagger-ui/3.24.3/favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="/api/webjars/swagger-ui/3.24.3/favicon-16x16.png" sizes="16x16" />
+    <style>
+            html {
+                box-sizing: border-box;
+                overflow: -moz-scrollbars-vertical;
+                overflow-y: scroll;
+            }
+            *, *:before, *:after {
+                box-sizing: inherit;
+            }
+            body {
+                margin:0;
+                background: #fafafa;
+            }
+        </style>
+</head>
+<body>
+<div id="swagger-ui"></div>
+<script src="/api/webjars/swagger-ui/3.24.3/swagger-ui-bundle.js"> </script>
+<script src="/api/webjars/swagger-ui/3.24.3/swagger-ui-standalone-preset.js"> </script>
+<script>
+        window.onload = function() {
+            window.ui = SwaggerUIBundle({
+                url: "/api/api.yaml",
+                dom_id: "#swagger-ui",
+                deepLinking: true,
+                presets: [
+                  SwaggerUIBundle.presets.apis,
+                  SwaggerUIStandalonePreset
+                ],
+                plugins: [
+                  SwaggerUIBundle.plugins.DownloadUrl
+                ],
+                layout: "StandaloneLayout"
+              })
+        }
+        </script>
+</body>
+</html>
