Bagikan melalui

Menggunakan Dev Proxy dengan browser

Sekilas
Tujuan: Lampirkan Proksi Dev ke instans browser tanpa mengubah pengaturan proksi sistem
Waktu: 5 menit
Plugin: Tidak
Prasyarat:Menyiapkan Proksi Dev

Secara default, Dev Proxy mendaftarkan dirinya sebagai proksi sistem, yang merutekan semua lalu lintas jaringan melalui proksi. Meskipun pendekatan ini berfungsi untuk sebagian besar skenario, terkadang Anda hanya ingin mencegat lalu lintas dari instans browser tertentu sambil menjaga aplikasi lain tidak terpengaruh.

Mengapa menggunakan proksi khusus browser?

Melampirkan Dev Proxy langsung ke instans browser memiliki beberapa manfaat:

  • Isolasi: Hanya instans browser tertentu yang menggunakan proksi, sehingga aplikasi dan browser lain tidak terpengaruh
  • Tidak ada perubahan sistem: Anda tidak perlu mengubah pengaturan proksi sistem
  • Pengujian paralel: Menjalankan beberapa instans browser dengan konfigurasi proksi yang berbeda
  • Lalu lintas yang lebih bersih: Hanya lihat permintaan dari browser yang Anda uji, bukan lalu lintas sistem latar belakang

Prasyarat

Sebelum memulai, konfigurasikan Dev Proxy untuk tidak mendaftar sebagai proksi sistem. Di file Anda devproxyrc.json , atur:

{
  "asSystemProxy": false
}

Atau, mulai Dev Proxy dengan opsi baris perintah --as-system-proxy false.

Google Chrome

Google Chrome mendukung konfigurasi proksi melalui bendera baris perintah. Untuk meluncurkan Chrome dengan Dev Proxy:

"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"

Petunjuk / Saran

Gunakan profil pengguna terpisah untuk menghindari memengaruhi data browser utama Anda. --user-data-dir Tambahkan bendera untuk menentukan direktori profil yang berbeda:

"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"

Penting

Tutup semua instans Chrome yang ada sebelum meluncurkan Chrome dengan bendera proksi. Jika tidak, instans baru bergabung dengan proses Chrome yang ada dan mengabaikan pengaturan proksi.

Microsoft Edge

Microsoft Edge tidak mendukung --proxy-server bendera baris perintah. Meskipun Microsoft Edge didasarkan pada Chromium, Microsoft tidak mengekspos fungsionalitas ini.

Untuk menggunakan Dev Proxy dengan Microsoft Edge, Anda harus menggunakan pengaturan proksi sistem. Konfigurasikan Proksi Dev sebagai proksi sistem Anda dengan mempertahankan pengaturan asSystemProxy pada nilai true defaultnya, atau dengan menghilangkannya dari konfigurasi Anda.

Mozilla Firefox

Firefox tidak mendukung konfigurasi proksi melalui bendera baris perintah, tetapi Anda dapat mengonfigurasinya secara manual melalui pengaturan browser.

Untuk mengonfigurasi Firefox untuk menggunakan Dev Proxy:

  1. Buka Firefox
  2. Buka Pengaturan>Umum>Pengaturan Jaringan>Pengaturan...
  3. Pilih Konfigurasi proksi manual
  4. Atur Proksi HTTP ke 127.0.0.1 dan Port ke 8000
  5. Centang Juga gunakan proksi ini untuk HTTPS
  6. Pilih OK

Petunjuk / Saran

Buat profil Firefox terpisah untuk pengujian dengan Dev Proxy. Dengan cara ini, Anda dapat menjaga profil penjelajahan reguler Anda tidak berubah. Untuk membuat profil baru, jalankan firefox -P dan buat profil baru yang didedikasikan untuk pengujian Dev Proxy.

Percayai sertifikat Proksi Dev

Ketika Anda pertama kali memulai Dev Proxy, ia menginstal dan mempercayai sertifikat akar untuk mendekripsi lalu lintas HTTPS. Jika Anda menggunakan profil browser terpisah atau jika browser tidak menggunakan penyimpanan sertifikat sistem, Anda mungkin perlu mempercayai sertifikat secara manual.

Chrome dan Microsoft Edge

Chrome dan Microsoft Edge menggunakan penyimpanan sertifikat sistem operasi. Jika Anda sudah menjalankan Dev Proxy dan mempercayai sertifikat selama pengalaman eksekusi pertama, Chrome dan Microsoft Edge secara otomatis mempercayainya.

Firefox

Firefox menggunakan penyimpanan sertifikatnya sendiri. Untuk mempercayai sertifikat Proksi Dev di Firefox:

  1. Buka Firefox
  2. Buka Pengaturan>Privasi &> Keamanan >Lihat Sertifikat...
  3. Pilih tab Otoritas
  4. Pilih Impor...
  5. Navigasikan ke sertifikat Proksi Dev:
    • Lokasi: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Lokasi: ~/.config/dev-proxy/rootCert.pfx
    • Lokasi: ~/.config/dev-proxy/rootCert.pfx
  6. Periksa Percayai CA ini untuk mengidentifikasi situs web
  7. Pilih OK

Nota

Kata sandi sertifikat kosong. Biarkan bidang kata sandi kosong saat diminta.

Baca juga

  • Last updated on