React Native ile Wireless Debug
Merhabalar,
Eğer siz de React Native ile geliştirme yaparken, debug sırasında telefonu sürekli kablo ile MacBook’a bağlamaktan rahatsız oluyorsanız, doğru yerdesiniz.
Genel olarak simulator yerine fiziksel cihazda çalışmak daha rahat geliyor. Ama masaüstünde en az 2 Type-C olması da hem karışıklık yaratıyor, hem de klavyenin önünde küçük çaplı bir kaosa sebep oluyordu. Ta ki basit birer ayar yaparak, debug’ı wireless olarak devam ettirene kadar.
React Native Wireless Debug için gerekli koşullar
- Mevcut çalıştığınız projeyi, fiziksel cihazda ayağa kaldırmış olmak. Kablo ile bağlantı sağlayarak, debug yapabilir olmak.
- Cihaz ile MacBook’un aynı kablosuz ağda olması
Eğer bu koşulları sağlıyorsanız,
iOS için;
Xcode -> Window -> Devices and Simulators menu adımlarını takip ederek, aşağıdaki ekrana gelmeniz gerekli. Sonrasında da, “Connect via network” yazan checkbox’ı seçerek, bağlantının sağlanmasını beklemeniz yeterli. Bağlantı sağlandıktan sonra, sol taraftaki “Devices” bölümünde yer alan cihazınızın sağ tarafında bir sembol belirecek. Bu aşamadan sonra kabloyu sökerek, kablosuz debug’ın keyfini çıkarabilirsiniz.
Eğer; “Failed to prepare device for development” şeklinde bir hata alırsanız, cihazı ve XCode’u yeniden başlatarak adımları tekrarlayabilirsiniz.
Android için;
Uygulama aktif olarak çalışırken developer menu üzerinden Settings’i seçip, sonrasında da “Debug server host & port for the device” yazan alana tıklıyoruz. Karşımıza çıkan modal içerisine mevcut ağımızın IP adresini sonuna port bilgisini eklemeyi unutmadan yazıyoruz. Tamam deyip, çıkış yaptıktan sonra kabloyu çıkararak debug yapabiliriz.
Umarım bu basit ama hayatı kolaylaştıran ayarlar sizin için de yararlı olmuştur. :)
Sevgiler,
Efe
