Bağlantı noktası yönlendirme ile yerel sunuculara ve Chrome örneklerine erişme

Bağlantı noktası yönlendirmeyi kullanarak şunları yapabilirsiniz:

• 1. Destek Kaydı. Farklı bir Chrome örneğinde açık olan bir sekmede hata ayıklayın.
• 2. Destek Kaydı. Bir siteyi geliştirme makinesinin web sunucusunda barındırın, ardından içeriğe USB kablosuyla Android cihazdan erişin.

2. Durumda bağlantı noktası yönlendirme, Android cihazınızda geliştirme makinenizdeki bir TCP bağlantı noktasıyla eşlenen dinleme TCP bağlantı noktası üzerinden çalışır. Bağlantı noktaları arasındaki trafik, Android cihazınız ile geliştirme makineniz arasındaki USB bağlantısı üzerinden iletilir. Dolayısıyla, bağlantı ağ yapılandırmanıza bağlı değildir.

Ayrıca, web sunucunuz özel bir alan adı kullanıyorsa Android cihazınızı, özel alan eşleme özelliğiyle söz konusu alandaki içeriğe erişecek şekilde ayarlayabilirsiniz.

Bağlantı noktası yönlendirmeyi kur

Durumunuza bağlı olarak sonraki adımları uygulayın.

1. örnek: Başka bir Chrome örneğine bağlantı noktası yönlendirmeyi ayarlayın

1. --remote-debugging-port=PORT parametresiyle başka bir Chrome örneği çalıştırın. Örneğin:

   MacOS

   open -a "Google Chrome" --args --remote-debugging-port=PORT
   

   Windows

   start chrome --remote-debugging-port=PORT
   

   Linux

   google-chrome --remote-debugging-port=PORT
   

2. Chrome örneğinde hata ayıklama için kullandığınız uygulama:

   1. chrome://inspect/#devices adlı kişiyi aç.
   2. Ağ hedeflerini keşfet'in işaretli olduğundan emin olun.
   3. Onay kutusunun yanındaki Yapılandır'ı tıklayın.

   4. Hedef bulma ayarları bölümüne localhost:PORT yazın, Bağlantı noktası yönlendirmeyi etkinleştir'i işaretleyin ve Bitti'yi tıklayın.

      

   5. Cihazlar'da yeni bir uzak hedef görürsünüz. Hata ayıklamak istediğiniz sekmenin yanındaki inspect'yi tıklayın.

      

3. Cihaz modunda yeni bir Geliştirici Araçları penceresi açılır. Üstteki adres çubuğuna hata ayıklamak istediğiniz web sitesinin adresini girebilirsiniz.

   

4. Adres çubuğunun yanında, giriş yöntemlerini değiştirebilirsiniz.

2. örnek: Android cihazınız için USB üzerinden bağlantı noktası yönlendirmeyi ayarlayın

1. Geliştirme makineniz ile Android cihazınız arasında uzaktan hata ayıklama'yı ayarlayın. İşlemi tamamladığınızda Android cihazınızı listede göreceksiniz.

   

2. USB cihazları keşfedin seçeneğinin işaretli olduğundan emin olun.

3. Onay kutusunun yanındaki Bağlantı noktası yönlendirme'yi tıklayın.

4. Bağlantı noktası yönlendirme ayarlarında localhost:8080 varsayılan olarak ayarlanmıştır. Bağlantı noktası yönlendirmeyi etkinleştir'i işaretleyin.

   .

5. Başka bağlantı noktaları ayarlamak istiyorsanız sonraki adımları uygulayın. Aksi takdirde, adımları atlayıp Bitti'yi tıklayın.

6. Soldaki Bağlantı Noktası metin alanına Android cihazınızda siteye erişmek istediğiniz bağlantı noktası numarasını girin. Örneğin, siteye localhost:5000 üzerinden erişmek istiyorsanız 5000 girmeniz gerekir.

7. Sağdaki IP adresi ve bağlantı noktası metin alanına, geliştirme makinenizin web sunucusunda sitenizin çalıştırıldığı IP adresini veya ana makine adını ve ardından bağlantı noktası numarasını girin. Örneğin, siteniz localhost:5000 adresinde çalışıyorsa localhost:5000 değerini girin.

8. Done'ı (Bitti) tıklayın.

Bağlantı noktası yönlendirme ayarlandı. Üst tarafta, cihaz adının yanı sıra ileri bağlantı noktasının durum göstergesini de görebilirsiniz.

İçeriği görüntülemek için Android cihazınızda Chrome'u açın ve Cihaz bağlantı noktası alanında belirttiğiniz localhost bağlantı noktasına gidin. Örneğin, alana 5000 girdiyseniz localhost:5000 bölümüne gidersiniz.

Özel yerel alanlarla eşleme

Özel alan eşleme, Android cihazda, özel alan adı kullanan geliştirme makinenizdeki bir web sunucusundan içerik görüntülemenizi sağlar.

Örneğin, sitenizin yalnızca izin verilenler listesindeki chrome.devtools alanında çalışan üçüncü taraf JavaScript kitaplığı kullandığını varsayalım. Bu nedenle, geliştirme makinenizdeki hosts dosyanızda bu alanı localhost (yani 127.0.0.1 chrome.devtools) ile eşlemek için bir giriş oluşturursunuz. Özel alan eşleme ve bağlantı noktası yönlendirmeyi ayarladıktan sonra, siteyi Android cihazınızda chrome.devtools URL'sinde görüntüleyebilirsiniz.

Proxy sunucuya bağlantı noktası yönlendirmeyi ayarlayın

Özel bir alanı eşlemek için geliştirme makinenizde bir proxy sunucusu çalıştırmanız gerekir. Proxy sunucularına örnek olarak Charles, Squid ve Fiddler verilebilir.

Proxy'ye bağlantı noktası yönlendirmeyi ayarlamak için:

1. Proxy sunucuyu çalıştırın ve kullandığı bağlantı noktasını not edin.

2. Android cihazınıza bağlantı noktası yönlendirmeyi ayarlayın. Yerel adres alanına localhost: ve ardından proxy sunucunuzun çalıştığı bağlantı noktasını girin. Örneğin, 8000 bağlantı noktasında çalışıyorsa localhost:8000 girersiniz. Cihaz bağlantı noktası alanına Android cihazınızın dinlemesini istediğiniz numarayı (ör. 3333) girin.

Cihazınızda proxy ayarlarını yapılandırma

Ardından, proxy sunucusuyla iletişim kurmak için Android cihazınızı yapılandırmanız gerekir.

1. Android cihazınızda Ayarlar > Kablosuz Ağ'a gidin.

2. Bağlandığınız ağın adına uzun basın.

3. Ağı değiştir'e dokunun.

4. Gelişmiş seçenekler'e dokunun. Proxy ayarları görüntülenir.

5. Proxy menüsüne dokunun ve Manuel'i seçin.

6. Proxy ana makine adı alanına localhost girin.

7. Proxy bağlantı noktası alanına, önceki bölümde cihaz bağlantı noktası için girdiğiniz bağlantı noktası numarasını girin.

8. Kaydet'e dokunun.

Bu ayarlarla, cihazınız tüm isteklerini geliştirme makinenizdeki proxy'ye yönlendirir. Proxy, istekleri cihazınız adına yaptığından özelleştirilmiş yerel alanınıza gönderilen istekler düzgün şekilde çözümlenir.

Artık Android cihazınızdaki Android cihazınızda, geliştirme makinesinde olduğu gibi özel alan adlarına erişebilirsiniz.

Web sunucunuz standart olmayan bir bağlantı noktasıyla çalışıyorsa Android cihazınızdan içerik isteğinde bulunurken bağlantı noktasını belirtmeyi unutmayın. Örneğin, web sunucunuz 7331 bağlantı noktasında chrome.devtools özel alanını kullanıyorsa siteyi Android cihazınızdan görüntülediğinizde chrome.devtools:7331 URL'sini kullanmanız gerekir.