当前位置：网站首页>Refresh, swagger UI theme changes

Refresh, swagger UI theme changes

2022-07-29 05:47:00 【Liaoshengping】

swagger UI What makes people headache is that after the project is large , Interfaces are hard to find . I came across a UI The library is still good , Can search interface name , And the whole layout is relatively humanized
Insert picture description here

Project address

Can be integrated into your own swagger In the project , With Golang For example ：

Replace the rendering method ：

	//r.GET("/swagger/*any", ginSwagger.WrapHandler(swaggerFiles.Handler)) // Comment out the previous rendering method , Just visit 
	r.GET("/swagger/*any", handleReDoc)

func handleReDoc(ctx *gin.Context) {
    
	i := strings.LastIndex(ctx.Request.URL.Path, "/")
	if i == -1 {
    
		return
	}
	suffix := ctx.Request.URL.Path[i+1:]
	switch suffix {
    
	case "doc.json":
		//  load swag Generated  docs/swagger.json
		data, err := ioutil.ReadFile("docs/swagger.json")
		if err != nil {
    
			panic("cannot open docs/swagger.json")
		}

		_, _ = ctx.Writer.Write(data)
		return
	case "index.html":
		//  This index.html We have to start from ReDoc Of github Get it on the homepage 
		// spec-url yes swagger.json Of URL, To change to the current project 
		const redocIndexHTML = `<!DOCTYPE html> <html> <head> <title>ReDoc Skin change successful </title> <!-- needed for adaptive design --> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet"> <!-- ReDoc doesn't change outer page styles --> <style> body { margin: 0; padding: 0; } </style> </head> <body> <redoc spec-url='http://127.0.0.1:8080/swagger/doc.json'></redoc> <script src="https://cdn.jsdelivr.net/npm/[email protected]/bundles/redoc.standalone.js"> </script> </body> </html>`
		fmt.Println("ererer")
		_, _ = ctx.Writer.Write([]byte(redocIndexHTML))
		return
	default:
		_ = ctx.AbortWithError(http.StatusNotFound, errors.New("page not found"))
	}

Insert picture description here

原网站

版权声明
本文为[Liaoshengping]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/210/202207290518494418.html

边栏推荐

猜你喜欢

随机推荐