React Env Kullanımı

Gizli veya özel olmasını istediğimiz değişkenleri .env uzantılı dosyalarda saklıyoruz. Bu özel dosyalar gizli oldukları ve güvenlik açısından geliştirme aşamasında paylaşılmıyorlar.

.env kullanımı hakkında genel bilgiler için Javascript dotenv kütüphanesi yazımıza bakabilirsiniz.

Kısaca .env dosyası hakkında bilgi vermek gerekirse, şifreler, sunucu bilgileri, özel kullanıcı bilgileri gibi önemli bilgileri ve başkalarının ulaşmasını istemediğimiz bilgileri tutan değişkenleri tanımladığımız bir gizli dosyadır. Her satırda bir değişken adı ve değeri tutulur.

React JS İle env Dosyası Kullanımı

React JS ile .env dosyasının kullanımı için iki yöntem düşünülebilir. Bunlardan bir tanesi dotnev kütüphanesinden faydalanmaktır. Fakat bu özel bir gereklilik olduğu zaman kullanılabilir. Bu nedenle bu yazımızda bahsetmiyoruz.

İkinci yöntem ise React JS ile birlikte gelen bir kullanımdır ve ayrıca bir kütüphane kurmaya gerek yoktur. Yapılması gerekenler sırasıyla şu şekildedir.

• Uygulamanın kök dizininde bir adet .env isimli bir dosya oluşturmak.
• Dosya içeriğine her satıra bir değişken ve değeri gelecek şekilde gerekli tüm bilgileri girmek.
• Değişken isimlerinin başına REACT_APP_ şeklinde bir önek eklemek.
• Sonrasında ihtiyaç olduğunda process.env.REACT_APP_DEGISKEN_ADI şeklinde kullanmak.
• Dosyanın kök dizin içerisinde olması önemlidir. src klasörü içerisinde olursa çalışmayacaktır.

Adımlar oldukça basittir. Şimdi yukarıdaki örneği tekrar yapalım.

REACT_APP_KULLANICI_ADI=ahmet41;
REACT_APP_SIFRE=12345;

.env dosyasını yukarıdaki gibi oluşturalım. Şimdi ihtiyacımız olduğu yerde kullanalım.

if( kullaniciAdi === process.env.REACT_APP_KULLANICI_ADI 
    && sifre === process.env.REACT_APP_SIFREE)) {
        // Üye girişi yap
} else {
    console.log("Hatalı üye bilgileri");
}

Görüldüğü gibi bu şekilde kullanım oldukça kolay olmaktadır. Gözden uzak tutmak istenilen bilgileri kolayca .env dosyasına kayıt ederek sonrasında istendiğinde React uygulamasına aktarabiliriz.

React Dotenv Paketini Kullanmalı Mıyım?

React ile çalışırken Dotenv dosyasını kullanmaya gerek yoktur. .env dosyası içerisinde, ortam değişkenlerini REACT_APP ile başlayacak şekilde tanımlamak yeterli olacaktır.

Sonuç

.env dosyasında bulunan değişken tanımlarını ortam değişkenlerine atamak için farklı yöntemler kullanılabilir. En kolay yolu değişken isminin başına REACT_APP_ ön ekini koyarak yapılabilir.

React JS ile ilgili sormak istediklerinizi yorumlardan bize sorabilirsiniz.