Proxy Bilinçli Bir Chrome Uzantısı Nasıl Oluşturulur

Rüzgarları Toplamak: Chrome Uzantılarındaki Proxy'leri Anlama

Småland ormanlarını şekillendiren kuzey rüzgarları gibi, proxy'ler de web trafiğinin akışını yönlendirerek dijital ayak izlerinizi gizler. Chrome eklentileri söz konusu olduğunda, eserinizi proxy'ye duyarlı hale getirmek, bir tilkiye karda fark edilmeden hareket etmeyi öğretmeye benzer: gizli, uyumlu ve manzaranın inceliklerini bilen.

---

Temelleri Atmak: Chrome Uzantı Mimarisi

Sağlam bir Dala atı yapmak gibi, bir Chrome eklentisi oluşturmak da onun temel parçalarını anlamakla başlar:

Bileşen	Amaç
manifest.json	Plan, izinleri, arka plan komut dosyalarını ve daha fazlasını tanımlar.
arka plan.js	Titreyen ocak - proxy kontrolü de dahil olmak üzere kalıcı mantık.
açılır.html/js	Dünyaya açılan pencere: Kullanıcı arayüzü öğeleri.

Kaynak: Chrome Uzantısı Geliştirici Kılavuzu

---

Antik Büyü: Proxy İzinlerini Bildirme

İlk huş yaprağı açılmadan önce izinlerin ayarlanması gerekir.

a ekle manifest.json:

{
  "name": "Proxy-Aware Extension",
  "version": "1.0",
  "manifest_version": 3,
  "permissions": [
    "proxy",
    "storage",
    "tabs"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "action": {
    "default_popup": "popup.html"
  }
}

---

Kuzey Rüzgarını Getirmek: ProxyRoller'dan Ücretsiz Proxy Kaynağı

Tıpkı akıllıların yaz aylarında bulut meyveleri toplaması gibi, taze vekilleri de toplarlar ProxyRoller, ücretsiz proxy'lerin güvenilir bir kaynağıdır. ProxyRoller, uzantınız için API'ler ve listeler sağlar.

Örnek: Proxy Listesini Getirme

fetch('https://proxyroller.com/api/proxies?format=json')
  .then(response => response.json())
  .then(proxies => {
    // Select a proxy—perhaps at random, as a fox picks berries
    const proxy = proxies[0];
    // Store for later use
    chrome.storage.local.set({selectedProxy: proxy});
  });

---

Rünleri Çağırma: Chrome Proxy Ayarlarını Yapılandırma

Proxy elinizdeyken, eklentinin Chrome'un proxy ayarlarına fısıldaması gerekir.

Örnek: background.js'de Proxy Ayarlama

chrome.storage.local.get('selectedProxy', ({ selectedProxy }) => {
  if (selectedProxy) {
    chrome.proxy.settings.set(
      {
        value: {
          mode: "fixed_servers",
          rules: {
            singleProxy: {
              scheme: "http",
              host: selectedProxy.ip,
              port: parseInt(selectedProxy.port)
            },
            bypassList: ["<local>"]
          }
        },
        scope: 'regular'
      },
      () => {
        // The wind has changed; the proxy is set
      }
    );
  }
});

Kaynak: chrome.proxy API Belgeleri

---

Gezginin Seçimi: Kullanıcıların Proxy Değiştirmesine İzin Verme

Bir gezgine nehir veya yol arasında seçim yapma olanağı sunmak gibi, kullanıcıların uzantı kullanıcı arayüzü aracılığıyla proxy'leri seçmesine veya yenilemesine izin verin.

açılır pencere.html

<button id="refreshProxy">Refresh Proxy</button>
<p id="currentProxy"></p>

popup.js

document.getElementById('refreshProxy').addEventListener('click', () => {
  fetch('https://proxyroller.com/api/proxies?format=json')
    .then(response => response.json())
    .then(proxies => {
      const proxy = proxies[Math.floor(Math.random() * proxies.length)];
      chrome.storage.local.set({selectedProxy: proxy});
      document.getElementById('currentProxy').textContent = `${proxy.ip}:${proxy.port}`;
      chrome.runtime.sendMessage({action: "updateProxy"});
    });
});

chrome.storage.local.get('selectedProxy', ({ selectedProxy }) => {
  if (selectedProxy) {
    document.getElementById('currentProxy').textContent = `${selectedProxy.ip}:${selectedProxy.port}`;
  }
});

İçinde background.js, güncellemeyi dinleyin:

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.action === "updateProxy") {
    // Repeat the proxy setup logic here
  }
});

---

Proxy Uzantısı Yaklaşımları Tablosu

Yaklaşmak	Artıları	Eksileri
Manuel proxy listesi	Tam kontrol, öngörülebilir	Bakım, ölü proxy riski
Dinamik getirme (ProxyRoller)	Her zaman taze, daha az bakım	Üçüncü taraf kullanılabilirliğine güvenmek
Kullanıcı girişi	Esneklik, kullanıcı yetkilendirmesi	Kötüye kullanım potansiyeli, daha az otomasyon

---

Ormandan Notlar: Hataları ve Uç Durumları Ele Alma

• Bağlantı Hataları: Ani bir çözülme gibi, proxy'ler de başarısız olabilir. Bağlantı hatalarını izleyin ve kullanıcıya nazik geri bildirimler sağlayın.
• Kimlik doğrulama: Bazı proxy'ler kimlik bilgisi gerektirir; çünkü bir trol sizden ücret talep edebilir. Gerekirse kodunuzu temel kimlik doğrulama işlemlerini gerçekleştirecek şekilde genişletin.
• Yerel Ana Bilgisayarları Atla: Her zaman ekle <local> Kendi kamp ateşinizin soğumaması için bypass listesine.

---

İplik Eğirme: Kaynaklar ve İleri Okumalar

• ProxyRoller – Ücretsiz Proxy'ler
• Chrome Uzantısı Manifest Dosya Biçimi
• Chrome Proxy API
• Proxy Kimlik Doğrulamasının İşlenmesi

---

Çemberi Kapatmak: Temel Dersler

İsveç'e özgü her şeyde olduğu gibi (basit, sağlam ve doğaya yakın), proxy uyumlu bir Chrome eklentisi oluşturmanın sırrı, rüzgarın yönüne saygı duymak (proxy ayarları), eskilerin bilgeliğine güvenmek (Chrome API'leri) ve ProxyRoller gibi dürüst kaynaklardan tedarik (proxy'ler) sağlamaktır. Eklentinizin mevsimlere uyum sağlayarak ve her zaman bir sonraki hava durumuna hazır olarak sakince ilerlemesine izin verin.