web-gelistirme-sc.com

Neden havalı-kullanıcı arayüzü için tema yok?

Restful API'leri belgeleyen swagger'ı çok seviyorum, özellikle de "Deneyin!" düğme, ancak swagger-ui arayüzü çok hoş görünmüyor.

Ve böyle muhteşem bir açık kaynak aracı için şablon olmadığına inanamıyorum (ya da hiçbirini bulamıyorum)?

Ücretsiz istemiyorum .. Gibi http://getbootstrap.com/ / tema satın alabileceğiniz birçok site var (gibi https://wrapbootstrap.com/ ), neden bulamıyorum swagger temaları için site?

54

İyi bir cevap olsa da geç bir cevap. Bu oldukça harika! Kaygan bir uygulama ve ihtiyaçlarınız için yine Tweak için kolay olan birçok şeyi özelleştirdi: https://github.com/jensoleg/swagger-ui

Krediler bu google grubuna gider: https://groups.google.com/forum/#!topic/swagger-swaggersocket/oeMyayrvKRI . Bunun henüz buraya gönderilmemiş olması garip.

Bir eylem demosu için lütfen bu bağlantıya göz atın: http://senodio.com/site/swagger/#!/pet/addPet

-

EDIT: Son zamanlarda DEMO'nun kapalı olduğunu tespit ettim, bu yüzden Repo'yu ( https://github.com/MartinSahlen/swagger-ui ) kullandım ve heroku üzerinde çalışan basit bir düğüm/ekspres sunucu oluşturdum. Lütfen bunun ücretsiz bir heroku dyno olduğunu unutmayın; bu nedenle, bir süre düşük etkinlik varsa, yüklenmesi biraz zaman alabilir (~ 20 sn).

Rica ederim: http://sleepy-harbor-80783.herokuapp.com/#!/pet/addPet

2 EDIT:.. Ümit verici görünüyordu başka biriyle karşılaştı: https://github.com/legendecas/material-swagger-ui hosting şimdi http://swaggerui.herokuapp.com/ adresinde diriltildi. Madeni tekrar tutması durumunda da tutuyorum.

69
martin.code

Bu, Swagger UI'ye uygulanabilecek bir stil sayfası temaları koleksiyonudur. Nasıl kullanılacağı hakkında benim repo aşağı bağlantı. 

Bu yardımcı olur umarım.

https://github.com/ostranme/swagger-ui-themes

13
ostranme

Swagger-UI, yeni bir araç olmamakla birlikte, görevi için çok özeldir. Bunun için temalar sağlayan (ücretsiz veya ücretli) herhangi bir web sitesinin farkında değilim. Kullanıcılarının çoğu, kullanıcı arayüzünü yerel temalarına uyacak şekilde özelleştirdi. Bazıları ince değişiklikler yapmış, bazıları tamamen elden geçirilmiş.

Mevcut uygulamalara göz atmanızı ve ihtiyaçlarınıza uygun bir şey olup olmadığına bakın. O zaman belki temalarını/şablonlarını kendi ihtiyaçlarınız için tekrar kullanmak için izin isteyin.

5
Ron

Diğer seçenekler: ReDoc .

Sadece swagger.json dosyanızı bir index.html ile getirmeniz gerekir. Kolay kurulum.

<head>
    <title>ReDoc</title>
    <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">
    <style>
      body {
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <redoc spec-url='your.swagger.json'></redoc>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/bundles/redoc.standalone.js"> </script>
  </body>
3
user1917528

Geçenlerde, ilgilenen herkes için bootstrap v4 kullanarak yukarıda paylaşılan swagger-ui temasını yeniden düzenledim. Burada görün https://github.com/afgarcia86/bootstrap-swagger-ui

2
Andres F Garcia

swagger-boostrap-ui'yi kullanabilirsiniz

github: https://github.com/xiaoymin/Swagger-Bootstrap-UI

apis ve benzeri ihracat ihracatını destekle ...

0
xiaoym

Ödeme RapiDoc

  • Tema Desteği
  • Başlık rengini değiştirme, Başlık Metni ve düzen gibi diğer birçok ekran özelliğini değiştirebilir
  • Özel Eleman tabanlı, herhangi bir HTML doc içine eklemek kolaydır. Diğer çözümlerin aksine 
0
Mrinmoy