Tarayıcı ile Geliştirici Proxy kullanma

Bir bakışta
Hedef: Sistem ara sunucusu ayarlarını değiştirmeden tarayıcı örneğine Geliştirme Proxy'si ekleme
Süre: 5 dakika
Eklentiler: Hiçbiri
Önkoşullar:Geliştirme Ara Sunucusunu Ayarlama

Varsayılan olarak, Dev Proxy kendisini sistem ara sunucusu olarak kaydeder ve bu da tüm ağ trafiğini ara sunucu üzerinden yönlendirir. Bu yaklaşım çoğu senaryoda işe yarasa da, bazen diğer uygulamaları etkilenmeden tutarken yalnızca belirli bir tarayıcı örneğinden gelen trafiği kesmek istersiniz.

Tarayıcıya özgü ara sunucu neden kullanılır?

Geliştirme Proxy'sini doğrudan bir tarayıcı örneğine eklemenin çeşitli avantajları vardır:

  • Yalıtım: Sadece belirli bir tarayıcı örneği proxy'yi kullanır, bu da diğer uygulamaların ve tarayıcıların etkilenmemesini sağlar.
  • Sistem değişikliği yok: Sistem ara sunucusu ayarlarını değiştirmeniz gerekmez
  • Paralel test: Farklı ara sunucu yapılandırmalarıyla birden çok tarayıcı örneği çalıştırma
  • Daha temiz trafik: Arka plan sistemi trafiğini değil yalnızca test ettiğiniz tarayıcıdan gelen istekleri görün

Önkoşullar

Başlamadan önce Dev Proxy'yi sistem proxy'si olarak kaydedilmeyecek şekilde yapılandırın. Dosyanızda devproxyrc.json şunları ayarlayın:

{
  "asSystemProxy": false
}

İsterseniz, Dev Proxy'yi --as-system-proxy false komut satırı seçeneğiyle de başlatabilirsiniz.

Google Chrome

Google Chrome, komut satırı bayrakları aracılığıyla ara sunucu yapılandırmasını destekler. Chrome'ı Dev Proxy ile başlatmak için:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000"

google-chrome --proxy-server="http://127.0.0.1:8000"

Tavsiye

Ana tarayıcı verilerinizi etkilememek için ayrı bir kullanıcı profili kullanın. --user-data-dir Farklı bir profil dizini belirtmek için bayrağını ekleyin:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000" --user-data-dir="%TEMP%\chrome-dev-proxy"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

google-chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

Önemli

Ara sunucu bayrağıyla Chrome'ı başlatmadan önce mevcut tüm Chrome örneklerini kapatın. Aksi takdirde, yeni örnek mevcut Chrome işlemine katılır ve ara sunucu ayarlarını yoksayar.

Microsoft Edge

Microsoft Edge komut satırı bayrağını --proxy-server desteklemez. Microsoft Edge Chromium'u temel alsa da, Microsoft bu işlevselliği kullanıma sunmaz.

Geliştirme Proxy'sini Microsoft Edge ile kullanmak için sistem proxy ayarlarını kullanmanız gerekir. Ayarı varsayılan değerinde asSystemProxytutarak veya yapılandırmanızdan çıkararak true Dev Proxy'yi sistem proxy'niz olarak yapılandırın.

Mozilla Firefox

Firefox, komut satırı bayrakları aracılığıyla ara sunucu yapılandırmasını desteklemez, ancak tarayıcı ayarları aracılığıyla el ile yapılandırabilirsiniz.

Firefox'ı Dev Proxy kullanacak şekilde yapılandırmak için:

  1. Firefox'un açılması
  2. Ayarlar>Genel>Ağ Ayarları>... seçeneğine gidin.
  3. El ile ara sunucu yapılandırması'yı seçin
  4. HTTP Proxy'sini olarak 127.0.0.1 ve Bağlantı Noktasını olarak ayarlayın8000
  5. Https için de bu ara sunucuyu kullan seçeneğini işaretleyin
  6. Tamam'ı seçin

Tavsiye

Geliştirme Proxy'si ile test için ayrı bir Firefox profili oluşturun. Bu şekilde, normal tarayıcı profilinizi değiştirmeden koruyabilirsiniz. Yeni bir profil oluşturmak için çalıştırıp firefox -P Dev Proxy testine ayrılmış yeni bir profil oluşturun.

Geliştirme Ara Sunucusu sertifikasına güvenme

Geliştirme Proxy'sini ilk başlattığınızda, HTTPS trafiğinin şifresini çözmek için bir kök sertifika yükler ve bu sertifikaya güvenir. Ayrı bir tarayıcı profili kullanıyorsanız veya tarayıcı sistem sertifika depounu kullanmıyorsa, sertifikaya el ile güvenmeniz gerekebilir.

Chrome ve Microsoft Edge

Chrome ve Microsoft Edge, işletim sisteminin sertifika depolarını kullanır. Geliştirme Proxy'sini zaten çalıştırdıysanız ve ilk çalıştırma deneyimi sırasında sertifikaya güvendiyseniz, Chrome ve Microsoft Edge sertifikaya otomatik olarak güvenir.

Firefox

Firefox kendi sertifika deposunu kullanır. Firefox'ta Dev Proxy sertifikasına güvenmek için:

  1. Firefox'un açılması
  2. Ayarlar>Gizlilik ve Güvenlik>Sertifikaları>Sertifikaları Görüntüle... seçeneğine gidin.
  3. Yetkililer sekmesini seçin
  4. İçeri Aktar...
  5. Geliştirme Ara Sunucusu sertifikasına gidin:
    • Konum: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Konum: ~/.config/dev-proxy/rootCert.pfx
    • Konum: ~/.config/dev-proxy/rootCert.pfx
  6. Web sitelerini tanımlamak için Bu CA'ya güven'i işaretleyin
  7. Tamam'ı seçin

Uyarı

Sertifika parolası boş. İstendiğinde parola alanını boş bırakın.

Ayrıca bakınız

  • Last updated on