Güvenli Yuva Katmanı (SSL), bir sunucu ile bir istemci arasında güvenli bir bağlantı kuran bir güvenlik protokolüdür. Veri şifreleme gerçekleştiren HTTPS protokolünün bir parçasıdır. SSL önemlidir çünkü verileri gizlice dinleme ve ilgili saldırılara karşı korur.
Varsayılan olarak, create-react-app kullanarak bir React uygulaması oluşturursanız, uygulama HTTPS kullanmaz. Uygulamanız için HTTPS'yi etkinleştirmek, özellikle istekleri HTTPS aracılığıyla sunan bir API'ye proxy göndermeyi planlıyorsanız kullanışlıdır.
React'te HTTPS Kullanmak
Sen ne zaman create-tepki-app kullanarak bir uygulama oluşturun, varsayılan olarak HTTP üzerinde çalışır. SSL kullanmak ve sayfaları HTTPS üzerinden sunmak için HTTPS true için değişken paket.json. değiştirerek bunu yapın komut dosyaları.başlangıç şöyle görünmek için değer:
"Kodlar": {
"Başlat": "HTTPS=doğru tepki-komut dosyaları başlat",
},
Alternatif olarak, HTTPS uygulamanızı başlattığınızda ortam değişkenini true olarak değiştirin.
Linux/macOS'ta:
HTTPS=doğru npm başlangıç
Windows cmd'de:
Ayarlamak HTTPS=doğru&&npm Başlat
Windows Powershell'de:
($env: HTTPS = "doğru") -ve (npm başlangıç)
Ancak, her yaklaşım sadece ilk adımdır. Bu noktada React uygulamanızı başlatmayı denerseniz bir hata alırsınız. İşlemi tamamlamak için geçerli bir SSL sertifikası.
Makinenizde bir Sertifika Yetkilisi Oluşturun
SSL sertifikası oluşturmak için kullanabileceğiniz araçlardan biri de mkcert'tir. Hiçbir şeyi yapılandırmadan yerel olarak test edilmiş geliştirme sertifikaları oluşturmanıza olanak tanır.
Platformlar arası uyumludur ve Windows, Linux ve macOS üzerinde çalışır. Bu makale Linux kullanıyor.
Kullanmakta olduğunuz platformun kurulum kılavuzunu mkcert GitHub sayfası.
Yükleyerek başlayın sert.
sudo uygun Yüklemek libnss3 araçları
Sonra yükleyebilirsiniz mkcert Homebrew kullanarak
demlemek Yüklemek mkcert
Aşağıdaki komutu çalıştırarak yerel bir sertifika yetkilisi (Ca) oluşturun.
mkcert -Yüklemek
CA başarıyla oluşturulduktan sonra artık SSL sertifikaları oluşturmaya başlayabilirsiniz.
SSL Sertifikası Oluştur
React uygulamanızın kök klasörüne gidin ve bir SSL sertifikası oluşturun.
İlk olarak, sertifika için bir klasör oluşturun.
mkdir tepki
Sertifikayı oluşturmak ve yeni oluşturduğunuz klasörde saklamak için aşağıdakileri çalıştırın.
mkcert -key-file ./reactcert/key.pem -cert-file ./reactcert/cert.pem "yerel ana bilgisayar"
React'i SSL Kullanacak Şekilde Yapılandırın
package.json'da, SSL sertifikalarına işaret eden bir yol ekleyin.
"Kodlar": {
"Başlat":
"HTTP=doğruSSL_CRT_FILE=./reactcert/cert.pem SSL_KEY_FILE=./reactcert/key.pem tepki-komut dosyaları başlat"
}
SSL Kullanarak React Sitenizi Güvenli Hale Getirin
Bu makale, bir React yerel ortamında SSL sertifikalarını nasıl kullanabileceğinizi gösterdi. Ancak SSL sertifikaları tüm web uygulamaları için gereklidir. Web sitenizi bilgisayar korsanlarından korurlar ve sitenizi ziyaret eden kullanıcıların verilerini korurlar.
