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.
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
Ö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 :)