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

Kayce Basques

Meggin Kearney

Sofia Emelianova

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

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

2. Durumda bağlantı noktası yönlendirme, Android cihazınızdaki dinleme TCP bağlantı noktası üzerinden çalışır. Bu bağlantı noktası, geliştirme makinenizdeki TCP bağlantı noktasıyla eşlenir. Bağlantı noktaları arasındaki trafik, Android cihazınız ile geliştirme makineniz arasındaki USB bağlantısı üzerinden aktarılır. Dolayısıyla bu 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 adı eşlemesi ile bu alandaki içeriğe erişecek şekilde ayarlayabilirsiniz.

Bağlantı noktası yönlendirmeyi kur

Destek kaydınıza 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. Hata ayıklama yaptığınız Chrome örneğinde:

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

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

      

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

      

3. Cihaz modunda yeni bir Geliştirici Araçları penceresi açılır. Üst taraftaki 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. Durum: Android cihazınız için USB üzerinden bağlantı noktası yönlendirmeyi ayarlama

1. Geliştirme makineniz ile Android cihazınız arasında uzaktan hata ayıklama ayarlarını yapın. İşiniz bittiğinde Android cihazınızı listede göreceksiniz.

   

2. USB cihazları keşfet 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ın ve Bitti'yi tıklayın.

6. Soldaki Port (Bağlantı noktası) metin alanına, bağlamak istediğiniz bağlantı noktası numarasını girin. Android cihazınızdan siteye erişebilir. Örneğin, web sitesine yalnızca localhost:5000 kelimesinden 5000 değerini girmeniz gerekir.

7. Sağdaki IP adresi ve bağlantı noktası metin alanına, üzerinde çalıştığınız IP adresini veya ana makine adını girin bağlantı noktası numarasıyla birlikte sitenizin geliştirme makinenizin web sunucusunda çalıştığını doğrulayın. Örneğin, Örneğin, siteniz localhost:5000 üzerinde çalışıyorsa localhost:5000 girmeniz gerekir.

8. Bitti'yi tıklayın.

Bağlantı noktası yönlendirme ayarlandı. Üst tarafta bağlantı noktasının durum göstergesini de görebilirsiniz yer alır.

İçeriği görüntülemek için Android cihazınızda Chrome'u açın ve yüklediğiniz localhost bağlantı noktasına gidin Cihaz bağlantı noktası alanında belirtilir. Örneğin, alana 5000 girdiyseniz localhost:5000 adresine gider.

Özel yerel alan adlarıyla eşleme

Özel alan adı eşleme özelliği sayesinde, bir Android cihazdaki içeriği web sunucunuzdan çalışan bir geliştiricidir.

Örneğin, sitenizin yalnızca izin verilenler listesindeki chrome.devtools alan adı. Bu nedenle, web sitenizdeki hosts dosyanızda bu alan adını localhost (ör. 127.0.0.1 chrome.devtools) ile eşlemek için bir geliştirme makinesi kullanın. Şu tarihten sonra: ve bağlantı noktası yönlendirme ayarlarını yapılandırdıktan sonra, bu siteyi chrome.devtools URL'sindeki Android cihaz.

Proxy sunucuya bağlantı noktası yönlendirmeyi ayarla

Özel bir alanı eşlemek için geliştirme makinenizde bir proxy sunucu çalıştırmanız gerekir. Proxy örnekleri Sunucular Charles, Squid ve Fiddler'dır.

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ızda bağlantı noktası yönlendirmeyi ayarlayın. Local address (Yerel adres) alanına şu değeri girin: localhost: ve ardından proxy sunucunuzun çalıştığı bağlantı noktası. Örneğin, 8000 bağlantı noktasında çalışıyorsa localhost:8000 girersiniz. Cihaz bağlantı noktası alanında Android cihazınızın dinlemesini istediğiniz sayıyı (ör. 3333) girin.

Cihazınızdaki proxy ayarlarını yapılandırın

Daha sonra, Android cihazınızı proxy sunucusuyla iletişim kuracak şekilde yapılandırmanız gerekir.

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

2. Bağlı olduğunuz 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 dokunup Manuel'i seçin.

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

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

8. Kaydet'e dokunun.

Bu ayarlarla cihazınız, tüm isteklerini geliştirme sürecinizdeki proxy'ye iletir üretiliyor. Proxy, cihazınız adına istekler yaptığından, özelleştirilmiş yerel ayarlarınıza olduğundan emin olun.

Artık Android cihazınızda da özel alan adlarına bir geliştirme makinesidir.

Web sunucunuz standart olmayan bir bağlantı noktasının çalışmasından ayrılıyorsa, çalışırken bağlantı noktasını belirtmeyi Android cihazınızdan içerik isteme. Örneğin, web sunucunuz özel 7331 bağlantı noktasında chrome.devtools alan adını kullanıyorsanız, siteyi Android cihazınızdan görüntülediğinizde kullanıyor olması gerekir chrome.devtools:7331.