Skip to content

Instantly share code, notes, and snippets.

@ademilter
Last active September 21, 2020 10:35
Show Gist options
  • Save ademilter/2215c887c5111eec8008244c5975202a to your computer and use it in GitHub Desktop.
Save ademilter/2215c887c5111eec8008244c5975202a to your computer and use it in GitHub Desktop.
ngrok ile lokaldeki portları public url yapın

ngrok ile lokaldeki klasörü internete açın

Yıllardır frontend işi ile uğraşıyorum. Yapılan işi bitirip, müşteriye göstermek adımını gelince ftp’ye veya statik-dosya-barındıran servislere ihtiyaç duyuyoruz. Sonuçta yapılan işi bir url ile göstermemiz gerektiği durumlar her zaman oluyor.

Lokal’deki bir klasörü tek satır kodla herkesle paylaşacağımız bir url haline getirsek nasıl olur? bence süper olur!

Şimdi bu işi ngrok kullanarak hızlıca nasıl çözeceğimize bakalım.

Ben macOS kullandığım için anlatımım bu yönde olacak. Siz platforma uygun sürümlerini yüklemeyi deneyin.

1) ngrok’u yükleyelim

a) CLI ile kurulum terminali açın ve brew cask install ngrok veya npm i -g ngrok yazın

CLI ile kurulumu yaptıysanız direkt 2. adıma geçin

b) Manuel kurulum

  • ngrok dosyasını indirin
  • zip dosyasını açın
  • symlink oluşturun (herhangi bir dizinde ngrok yazınca anlaması için)
cd /usr/local/bin
ln -s /Applications/ngrok ngrok

applications yerine doğru yolu seçin

2) Artık her şey hazır.

Öncelikle projenizi local ağda ayağa kaldırmanız gerekiyor. bunun için türlü yöntemler var fakat ben frontend geliştirici olduğum için npm paketi kullanıcam

a) terminalde proje dizinine giriyorum ve npx http-server ./ -p 8081 diyerek bilgisayarımdaki projeyi ayağa kaldırdım. şimdi de dışarıya açalım.

b) yeni bir terminal penceresi açalım ve ngrok http 8081 diyerek lokalde ayağa kalkan port'u dışarıya açık halde getirelim.

artık url hazır dilediğiniz gibi paylaşın :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment