BrowserStack MCP Sunucusu Entegrasyonu

“BrowserStack” MCP Sunucusu ne yapar?

BrowserStack MCP Sunucusu, Model Context Protocol (MCP) tabanlı bir sunucudur ve yapay zeka asistanları ile geliştirici araçlarını doğrudan BrowserStack’in bulut tabanlı test altyapısına bağlar. Geliştiricilerin ve test uzmanlarının BrowserStack’in gerçek cihaz ve tarayıcı bulutunda, favori yapay zeka odaklı iş akışları içinden otomasyon, yönetim ve etkileşim sağlamasını mümkün kılar. Sunucu; gerçek cihazlarda manuel veya otomatik test başlatma, uygulama çökme hatalarını ayıklama, web sitelerini farklı tarayıcılarda test etme, gelişmiş uygulama profilleme entegrasyonu gibi işlemleri standart MCP araçları ve komutlarıyla yürütür. Yapay zeka asistanları ile BrowserStack’in güçlü test platformu arasındaki köprüyü kurarak test süreçlerini hızlandırır, hata ayıklamayı kolaylaştırır ve hem manuel hem otomasyon mühendisleri için geliştirme iş akışlarını hızlandırır.

Komut Listesi

• “open my app on a iPhone 15 Pro Max”
  Mobil uygulamanızı BrowserStack’in bulutundaki belirli bir gerçek cihazda başlatır.
• “My app crashed on Android 14 device, can you help me debug?”
  Belirli bir cihaz ve işletim sistemi sürümünde uygulama çökmesini ayıklamak ve teşhis için süreci başlatır.
• “open my website hosted on localhost:3001 on Edge”
  Yerel bir web sitesini BrowserStack altyapısındaki gerçek bir tarayıcı/cihazda açar.

Kaynaklar Listesi

• Cihaz Grid Kaynağı
  BrowserStack bulutunda mevcut tüm gerçek cihaz ve tarayıcı/işletim sistemi kombinasyonlarının tam listesini sunar.
• Uygulama Profil Verisi
  Gerçek test oturumlarından uygulama performansı ve profil metriklerini sağlar.
• Test Oturumu Artefaktları
  Test oturumları sırasında üretilen günlükler, ekran görüntüleri ve videoları daha fazla analiz için sunar.
• Cihaz & Tarayıcı Belgeleri
  Mevcut cihazlar, işletim sistemi sürümleri ve desteklenen tarayıcılar için dokümantasyon bağlantıları sunar.

Araçlar Listesi

Mevcut dokümantasyon veya kod ağacında (server.py gibi) doğrudan bir araç listesi bulunmamaktadır.

Bu MCP Sunucusunun Kullanım Senaryoları

• Manuel Uygulama Testi
  Geniş bir gerçek cihaz yelpazesinde mobil uygulamaları anında açın ve etkileşime geçin; böylece testçiler emülatör olmadan gerçek senaryoları kopyalayıp hata ayıklayabilir.
• Uygulama Çökme Hatalarını Ayıklama
  BrowserStack bulutunda belirli cihaz/işletim sistemi kombinasyonlarında çökme hatalarını analiz etmek ve çözmek için profil ve teşhis araçlarını kullanın.
• Manuel Web Testi
  Yerel olarak barındırılanlar dahil, gerçek tarayıcı ve cihazlarda web sitelerini test edin; yerel tarayıcı kurulumu olmadan çapraz tarayıcı uyumluluğu sağlayın.
• Otomatik Test Entegrasyonu
  BrowserStack’in cihaz ve tarayıcı gridini otomatik QA iş akışlarına entegre edin; böylece CI/CD süreçlerinin bir parçası olarak sürekli test yapın.
• Kapsamlı Cihaz Kapsamı
  Lansman gününde çıkanlar dahil en güncel cihaz ve tarayıcıları kullanarak test kapsamınızı genişletin ve modernleştirin.

Kurulum Nasıl Yapılır

Windsurf

1. Bilgisayarınızda Node.js’in kurulu olduğundan emin olun.
2. Windsurf yapılandırma dosyasını bulun.
3. Aşağıdaki JSON koduyla BrowserStack MCP Sunucusunu mcpServers nesnesine ekleyin:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Yapılandırmayı kaydedin ve Windsurf’u yeniden başlatın.
5. Sunucunun çalışıp çalışmadığını ve erişilebilirliğini kontrol edin.

Claude

1. Node.js kurulu değilse yükleyin.
2. Claude’un entegrasyon/yapılandırma ayarlarını açın.
3. BrowserStack MCP Sunucusunu aşağıdaki şekilde ekleyin:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Değişiklikleri kaydedin ve Claude’u yeniden başlatın.
5. Claude’un araç panelinden MCP sunucusunun erişilebilir olduğunu doğrulayın.

Cursor

1. Node.js’in yüklü olduğunu doğrulayın.
2. Cursor’ın mcpServers yapılandırmasını düzenleyin.
3. Şunları ekleyin:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Yeni sunucu yapılandırmasının etkin olması için Cursor’ı yeniden başlatın.
5. Bir komut vererek entegrasyonu test edin ve BrowserStack seçeneklerinin göründüğünü doğrulayın.

Cline

1. Önkoşul: Node.js yüklü olmalı.
2. Cline’ın yapılandırma dosyalarına gidin.
3. MCP sunucusunu ekleyin:

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. Kaydedip Cline’ı yeniden başlatın.
5. Cline’ın arayüzünde BrowserStack test özelliklerini kontrol edin.

API Anahtarlarını Güvence Altına Alma

BrowserStack API anahtarınızı güvende tutmak için ortam değişkenlerini kullanın:

{
  "mcpServers": {
    "browserstack-mcp": {
      "command": "npx",
      "args": ["@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_API_KEY": "${BROWSERSTACK_API_KEY}"
      },
      "inputs": {
        "apiKey": "${BROWSERSTACK_API_KEY}"
      }
    }
  }
}

“${BROWSERSTACK_API_KEY}” kısmını kendi ortam değişkeniniz veya gizli anahtar yöneticinizdeki referans ile değiştirin.

Bu MCP’yi iş akışlarında nasıl kullanırsınız

FlowHunt’ta MCP Kullanımı

MCP sunucularını FlowHunt iş akışınıza entegre etmek için önce MCP bileşenini akışınıza ekleyin ve AI ajanınıza bağlayın:

MCP bileşenine tıklayarak yapılandırma panelini açın. Sistem MCP yapılandırması bölümünde aşağıdaki JSON formatıyla MCP sunucu bilgilerinizi ekleyin:

{
  "browserstack-mcp": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

Yapılandırma tamamlandığında, AI ajanı bu MCP’yi bir araç olarak kullanabilir ve tüm işlevlerine erişebilir. “browserstack-mcp” adını kendi MCP sunucunuzun gerçek adıyla ve URL’yi kendi MCP sunucu adresinizle değiştirmeniz gerektiğini unutmayın.

Genel Bakış

Bizim görüşümüz

BrowserStack MCP Sunucusu, yapay zeka ve MCP ile gerçek cihaz ve tarayıcı testleri için güçlü bir entegrasyon sunuyor; kurulum rehberi ve komut/kaynak örnekleri oldukça net. Ancak, açık bir araç listesi ve gelişmiş MCP özellikleri (köklendirme, sampling gibi) hakkında bilgi eksikliği, ileri düzey kullanıcılar için şeffaflığı biraz azaltıyor.

MCP Puanı

Puan: 7/10
İyi belgelenmiş, değerli kaynaklara ve komut örneklerine sahip. Daha açık araç dokümantasyonu ve gelişmiş MCP özellikleri hakkında detaylar ile daha da iyi olabilirdi.