React özel port kullanarak nasıl çalıştırılır?

2 yıl önce @mehmettevfiksahin tarafından oluşturuldu· react, cross-env, port, react

Çoğu zaman port değiştirmeye ihtiyaç duymayız ama bazen birden fazla projede çalışmamız gerekir ve port'u sabitlemek isteriz yada bizim için özel numara yapmakta isteyebiliriz.


Bunu yapmanın bir çok yolu var fakat ben size ilk olarak en doğru yöntemi göstereceğim diğerlerleri farklı sebeplerden dolayı tercih edilebilir.


# ENV


Sizinde bildiğiniz gibi artık bir çok framework projenin belirli ayaları için `.env` dosyalarını kullanıyor. Bizimde çözümümüz burada env dosyamıza bu satırı ekleyip react projemizi başlattığımızda artık 5000 portunda çalıştığını görebilirsiniz.


PORT=5000


# SCRİPT


Bu çözüme alternatif olarak scriptleri kullanabiliriz, start komutumuzu aşağıdaki gibi güncellersek yine istediğimiz portta çalıştırabiliriz.


 Linux:

"start": "PORT=5000 react-scripts start"


 Windows:

"start": "set PORT=5000 && react-scripts start"


 Her iki platform içinde çalışabilir (kesin değil) :

"start": "export PORT=5000 react-scripts start"


# CROSS ENV


Platform bağımsız olmak için daha kesin çözüm cross-env kullanmaktır. aşağıdaki komutla projeye cross-env yi kurabilirsiniz

npm install -D cross-env


sonrasında da start scriptimizi aşağıda ki gibi güncellediğimizde platform bağımsız olarak çalışmasını sağlayabiliriz.

"start": "cross-env PORT=5000 react-scripts start"