AFAIK

Pratik Araçlar: Ngrok Nedir?

Yayın:
Bilgisayarımızda, diğer bir ifade ile lokalde (localhost) geliştirdiğimiz web uygulamalarını / web sayfalarını hızlı bir şekilde internet üzerinden erişilebilir hale getirmek istediğimizde ilgili dosyaları doğrudan ...
GÖRSEL

Bilgisayarımızda, diğer bir ifade ile lokalde (localhost) geliştirdiğimiz web uygulamalarını / web sayfalarını hızlı bir şekilde internet üzerinden erişilebilir hale getirmek istediğimizde ilgili dosyaları doğrudan veya git reposu üzerinden bir barındırma servisine aktarmak durumunda kalırız. Bu işlemin pek pratik olmadığı aşikar. Peki, neler yapılabilir? Erişim güvenli bir şekilde ve etkileşimli olarak nasıl public erişime açılabilir?

ngrok

Ngrok Nedir?

ngrok, NAT’ların (Network Address Translation / NAT, Türkçe: Ağ Adresi Dönüştürme) arkasındaki yerel sunucuları güvenli tünellerden halka açık internete sunar. Yapmamız gereken sadece ngrok’a hangi portun işleme alınacağını söylemek.

ngrok http 80
Elbette bu işlem için ön tanımlı olarak localhost yayınının olması gerekiyor. Bu amaçla daha önce yayınladığım macOS X Üzerinde Kurulumsuz PHP Çalıştırmak başlıklı yazıma göz atabilirsiniz. Alternatif durumda ise build-in fileserver kullanılabilir.

ngrok http file:///Users/kullanici-adi/Desktop/../
İlgili bağlantıyı şifre korumalı hale getirmek için komutumuzu şu şekilde güncelleyebiliriz:
ngrok http -auth "[kullanici-adi]:[sifre]" 80

Ngrok’u başlattığınızda, terminalinizde tünelin genel URL’sini ve tüneliniz üzerinden yapılan bağlantılarla ilgili diğer durum ve ölçüm bilgilerini içeren bir UI görüntüler. Ngrok, bir hesap oluşturulmadan çalıştırıldığında oluşturulan adres üzerinden belirli bir süre için görüntülemeye izin verir, oturum süresi tamamlandığında uygulama public erişimi sonlandırır. Üyelik işlemi için dashboard.ngrok.com sayfasına göz atabilirsiniz. Ücretsiz üyelik seçeneğinde şu özellikler mevcuttur:

  • HTTP/TCP tunnel’ler için rastgele URL’ler/port’lar tanımlanır,
  • 1 çevrimiçi ngrok işlemi gerçekleştirilir,
  • 4 tünel / ngrok süreci işleme alınır,
  • Dakikada 40 bağlantı sunulabilir.

Üyelik seçenekleriyle ilgili daha detaylı bilgi almak amacıyla Pricing sayfasını inceleyebilirsiniz.

ngrok

Ngrok, tüm HTTP trafiğini göz önünde bulundurabileceğiniz gerçek zamanlı bir web arayüzü sunar. Uygulama başlatıldıktan sonra, istek ayrıntılarını incelemek isterseniz tarayıcı üzerinden http://localhost:4040/status adresine göz atabilirsiniz.

Ngrok Nasıl Kurulur?

İndirme işlemi için ilk tercihim paket yönetici kullanımı olacak elbette. Homebrew aracılığıyla ilgili kurulumu şu şekilde gerçekleştirebiliriz:

brew cask install ngrok

İndirme işleminin tamamlanmasının ardından dashboard.ngrok.com/get-started sayfasında yer alan authtoken kodunu bilgisayarımıza indirdiğimiz ngrok dosyasına tanımlamalıyız. İlgili tanımı şu şekilde komut ile gerçekleştirebiliriz:

ngrok authtoken [authtoken-key]

Kimlik tanımının /Users/kullanici-adi/.ngrok2/ngrok.yml dosyasına işlenmesinin ardından localhost bağlantılarımızı (veya build-in fileserver ile dosyaları) internet üzerinden erişebilir hale getirebiliriz. Ngrok ile ilgili diğer bilgiler ve dokümantasyon için Get Started ve Documentation sayfalarını inceleyebilirsiniz.

Ceyhun Enki Aksan

Kullanıcı Davranışları Analizi (User Behavior Analysis) ve Kullanıcı Deneyim Tasarımı (UX Design) üzerine çalışmalar yürütmekte, bu süreçte edindiğim teknik ve pratik bilgileri fayda sağlamak motivasyonuyla (afaik / as far as i know) paylaşmaktayım.

HABERDAR OL

Yeni eklenen projeler, eğitimler, içerikler ve yayınlanan videolar e-posta adresine gelsin.