Swagger Eğitimi: Swagger UI Nedir ve Swagger Nasıl Kullanılır?

Swagger UI, REST API'leri görselleştiren ve etkileşim sağlayan açık kaynaklı bir araçtır. Bu eğitimde, Swagger'ın temellerini ve API testi için nasıl kullanılacağını göstereceğiz.

Efe Demir

Efe Demir

5 June 2025

Swagger Eğitimi: Swagger UI Nedir ve Swagger Nasıl Kullanılır?

Swagger UI Nedir?

Swagger UI, OpenAPI Specification (eski adıyla Swagger Specification olarak bilinir) kullanılarak belgelenmiş RESTful API'ları (Uygulama Programlama Arayüzleri) görselleştirmek ve onlarla etkileşim kurmak için kullanılan açık kaynaklı bir araçtır.

OpenAPI Specification, RESTful API'ları makine tarafından okunabilir bir formatta tanımlamak için standart bir formattır. Swagger UI, geliştiricilerin API belgelerine göz atması, API uç noktalarını test etmesi ve farklı parametreler ve seçeneklerle denemeler yapması için kullanıcı dostu bir arayüz sağlayarak bu API'leri keşfetmeyi ve test etmeyi kolaylaştırır.

Swagger

Swagger UI, bağımsız bir web uygulaması olarak çalıştırılabilir veya çeşitli farklı programlama dilleri ve çerçeveleri kullanılarak mevcut web uygulamalarına entegre edilebilir. Farklı ekiplerin ve projelerin ihtiyaçlarına uyarlanabilen duyarlı ve özelleştirilebilir bir arayüz sağlar.

Swagger UI özellikleri:

Genel olarak, Swagger UI, RESTful API'lerle çalışmak için güçlü ve esnek bir araçtır ve geliştiriciler ve API sağlayıcıları arasında API'lerini test etmek için popüler bir seçim haline gelmiştir.

Swagger UI Ne İçin Kullanılır?

Swagger UI'nin Sınırlaması

Swagger UI, kullanışlı bir API dokümantasyon görüntüleme aracıdır ve API'lerinizi tasarlamanıza ve test etmenize yardımcı olacak özellikler sunar, ancak eksiksiz bir API yönetim aracı olmaktan uzaktır. İşte nedeni.

  1. Kapsamlı API yönetim gereksinimlerini karşılayamama: Swagger UI, API dokümantasyonunu görüntülemeye ve test etmeye odaklanmıştır ve API yönetimi için gereken tüm özellikleri kapsamaz. API yaşam döngüsü yönetimi, sürüm kontrolü, kimlik doğrulama/yetkilendirme, performans izleme ve güvenlik yönetimi gibi API yönetiminin birçok yönü vardır.
  2. Sınırlı ekip işbirliği: Swagger UI, API dokümantasyonunu statik HTML dosyaları olarak sunar, bu da ekip çapında işbirliğini ve gerçek zamanlı işbirliğini sınırlar. Birden fazla geliştirici ve paydaşın aynı anda düzenlemesi ve yorum yapması, sürümleri yönetmesi ve API tasarımı ve değişiklik yönetiminde çelişkileri çözmesi gerektiğinde Swagger UI tek başına sınırlıdır.
  3. Sınırlı entegrasyon ve genişletilebilirlik: Swagger UI, kendi başına kullanılmak üzere tasarlanmıştır, ancak diğer API yönetim araçları ve geliştirme iş akışları ile sorunsuz entegrasyon ve genişletilebilirlik konusunda sınırlamalara sahiptir. API yönetiminde, kaynak kodu depolarına bağlanmak, CI/CD araçlarına bağlanmak ve API ağ geçitlerini ve izleme araçlarını entegre etmek gibi çeşitli araç ve hizmetlerle bağlantı kurmak gerekebilir.

Yukarıdaki sınırlamalara rağmen, Swagger UI, geliştiriciler ve kullanıcılar için API'leri belgeleme ve test etme konusunda faydalı bir araçtır. Ancak, genel API yönetimi ihtiyaçlarınızı karşılamak için Swagger UI'yi tamamlayan diğer araç ve hizmetlerle birleştirilmelidir.

Burada size Apidog'u, daha güçlü bir API yönetim aracını tanıtıyoruz. Swagger UI'de olduğu gibi, kolayca API'ler tasarlayabilir ve temiz özellikler oluşturabilir, ayrıca API testi, API taklidi, CI/CD, sürüm kontrolü ve daha fazlasını yapabilirsiniz. Ayrıca API yaşam döngüsü yönetimi ve ekip işbirliği işlevlerini entegre ederek, onu Swagger UI'den daha güçlü ve eksiksiz bir API aracı haline getirir.

API management too

Swagger UI'nin Evrimi

OpenAPI 3.0, Temmuz 2017'de, Swagger 2.0'a göre büyük güncellemeler ve iyileştirmelerle yayınlandı. Daha iyi güvenlik, daha sıkı veri türü doğrulaması ve daha esnek bir veri yapısı tanımı sağlar, bu da onu özellikle büyük ölçekli uygulamalar ve kurumsal düzey sistemler için daha iyi bir API spesifikasyonu seçeneği haline getirir.

API Testi için Swagger Nasıl Kullanılır?

Swagger'ın nasıl kullanılacağı geliştiriciler için zorlayıcı değildir, eğer yeni başlayan biriyseniz, işte bir API'yi belgelemek ve test etmek için Swagger UI kullanmaya bir örnek:

Swagger UI
  1. API uç noktalarınızı ve işlemlerinizi açıklayan YAML formatında bir OpenAPI spesifikasyon dosyası oluşturun. Daha önce API'yi belgelemek için Swagger kullanmadıysanız, Swagger'dan API dokümantasyonu oluşturma kılavuzunu görüntüleyin. Örneğin:
yamlCopy codeopenapi: 3.0.0
info:
  title: Example API
  description: An example API for demonstration purposes
  version: 1.0.0
servers:
  - url: http://localhost:8080
paths:
  /users:
    get:
      summary: Get a list of users
      description: Retrieves a list of all users
      responses:
        '200':
          description: A list of users
          content:
            application/json:
              schema:
                type: array
                items:
                  type: object
                  properties:
                    id:
                      type: integer
                    name:
                      type: string
                    email:
                      type: string
                      format: email

2. Swagger UI kütüphanesini indirin ve projenize ekleyin. Bunu resmi Swagger UI GitHub deposundan indirebilir veya yüklemek için npm gibi bir paket yöneticisi kullanabilirsiniz.

3. Swagger UI'yi, Swagger UI kütüphanesine ve OpenAPI spesifikasyon dosyanıza referans veren bir HTML dosyası oluşturarak yapılandırın. Örneğin:

htmlCopy code<!DOCTYPE html>
<html>
<head>
  <title>Example API Documentation</title>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/swagger-ui-dist/swagger-ui.css">
  <script src="https://cdn.jsdelivr.net/npm/swagger-ui-dist/swagger-ui-bundle.js"></script>
  <script>
    window.onload = function() {
      SwaggerUIBundle({
        url: "http://localhost:8080/api-docs",
        dom_id: "#swagger-ui",
        presets: [SwaggerUIBundle.presets.apis],
        layout: "BaseLayout"
      })
    }
  </script>
</head>
<body>
  <div id="swagger-ui"></div>
</body>
</html>

Bu örnekte, SwaggerUIBundle yapılandırma nesnesindeki Swagger url özelliği, OpenAPI spesifikasyon dosyanızın konumuna işaret eder.

API uygulamanızı başlatın ve Swagger UI HTML dosyasını bir web tarayıcısında açın. API dokümantasyonunuzu görüntüleyen ve API uç noktalarınızı test etmenize izin veren kullanıcı dostu bir arayüz görmelisiniz.

Swagger UI, API'lerin dokümantasyonunu ve testini basitleştirmek, onları daha kullanıcı dostu ve kullanışlı hale getirmek için temel bir araçtır. Ancak, Swagger UI temel API spesifikasyonu oluşturma ve uç nokta test etme işlevselliği sağlarken, senaryo testi, sürekli entegrasyon ve dağıtım (CI/CD) ve performans testi gibi daha gelişmiş test ihtiyaçları için yeterli olmayabilir.

Bu gelişmiş özellikler için, Apidog gibi daha kapsamlı bir API yönetim platformundan yararlanmanızı öneririz. Apidog, yüksek kaliteli API'ler oluşturmanızı ve daha verimli ve etkili bir şekilde sunmanızı sağlayan, genel üretkenliği artıran ve proje başarısını hızlandıran güçlü bir araç takımı sağlar.

button

Swagger UI Hakkında SSS

Swagger ve Swagger UI arasındaki fark nedir?

Swagger ve Swagger UI, birbiriyle ilişkili ancak farklı araçlardır.

Swagger bir API spesifikasyonudur ve Swagger UI bu spesifikasyonu görselleştirmek ve onunla etkileşim kurmak için bir araçtır. Swagger UI, Swagger spesifikasyonuna göre dokümantasyon oluşturur ve API'leri test etmek ve farklı parametreler ve seçeneklerle denemeler yapmak için etkileşimli bir kullanıcı arayüzü sağlar. Bu iki aracı birlikte kullanmak, API geliştirme verimliliğini artırabilir.

Swagger UI ücretsiz mi?

Evet, Swagger UI, Apache License 2.0 altında yayınlanan ücretsiz ve açık kaynaklı bir yazılımdır. Bu, ticari amaçlarla bile serbestçe kullanılabileceği, değiştirilebileceği ve dağıtılabileceği anlamına gelir.

Swagger UI ne için kullanılır?

Swagger UI, RESTful API'leri sezgisel ve kullanıcı dostu bir arayüzde test etmek, belgelemek ve görselleştirmek için kullanılır. Geliştirme sürecini basitleştirir, verimliliği artırır ve API'leri kullanırken kullanıcı deneyimini geliştirir. Ayrıntılı dokümantasyon ve bir API'nin yanıtlarının canlı temsili sağlanarak, Swagger UI, geliştiriciler, mühendisler ve teknik yazarlar için değerli bir araçtır.

Explore more

Cursor ile Deepseek R1'i Yerel Olarak Nasıl Kullanılır

Cursor ile Deepseek R1'i Yerel Olarak Nasıl Kullanılır

Yerel DeepSeek R1'i Cursor IDE ile kurun ve yapılandırın. Özel, uygun maliyetli AI kodlama yardımı için.

4 June 2025

Android'de Gemma 3n Nasıl Çalıştırılır?

Android'de Gemma 3n Nasıl Çalıştırılır?

Google AI Edge Gallery'den Gemma 3n'i Android'e kurup çalıştırmayı öğrenin.

3 June 2025

GitHub Eylemleri ile Claude Kodunu Nasıl Kullanılır

GitHub Eylemleri ile Claude Kodunu Nasıl Kullanılır

Claude Code'u GitHub Actions ile entegre edin: Kod incelemeleri, hata düzeltmeleri ve özellik uygulamaları. Kurulum, iş akışları ve geliştiriciler için ipuçları.

29 May 2025

API Tasarım-Öncelikli Yaklaşımı Apidog'da Uygulayın

API'leri oluşturmanın ve kullanmanın daha kolay yolunu keşfedin