Secure Sockets Layer (SSL) on turvaprotokoll, mis loob turvalise lingi serveri ja kliendi vahel. See on osa HTTPS-protokollist, mis teostab andmete krüptimist. SSL on oluline, kuna see kaitseb andmeid pealtkuulamise ja sellega seotud rünnete eest.
Vaikimisi ei kasuta rakendus HTTPS-i, kui loote Reacti rakenduse kasutades loo-reageeri-rakendust. HTTPS-i lubamine oma rakenduse jaoks on kasulik eriti siis, kui kavatsete puhverserveri päringud API-le, mis teenindab neid HTTPS-i kaudu.
HTTPS-i kasutamine Reactis
Kui sa looge rakendus kasutades Create-React-app, töötab see vaikimisi HTTP-ga. SSL-i kasutamiseks ja lehtede teenindamiseks HTTPS-i kaudu peate määrama HTTPS muutuja tõeseks package.json. Tehke seda muutes skriptid.start väärtus, mis näeb välja selline:
"skriptid": {
"start": "HTTPS=tõsi reageerimisskriptid algavad",
},
Teise võimalusena saate määrata HTTPS keskkonnamuutuja väärtuseks Tõene, kui käivitate rakenduse.
Linuxis/macOS-is:
HTTPS=tõsi npm start
Windows cmd-s:
seatud HTTPS=tõsi&&npm alustada
Windows Powershellis:
($env: HTTPS = "tõsi") -ja (npm algus)
Iga lähenemisviis on aga alles esimene samm. Kui proovite oma Reacti rakendust sel hetkel käivitada, kuvatakse tõrketeade. Protsessi lõpuleviimiseks peate seadistama kehtiva SSL-sertifikaat.
Looge oma masinas sertifitseerimisasutus
Üks tööriistu, mida saate SSL-sertifikaadi genereerimiseks kasutada, on mkcert. See võimaldab teil luua kohapeal testitud arendussertifikaate ilma midagi konfigureerimata.
See ühildub platvormide vahel ja töötab Windowsis, Linuxis ja macOS-is. See artikkel kasutab Linuxi.
Otsige üles kasutatava platvormi installijuhend aadressilt mkcert GitHubi leht.
Alusta installimisega certutil.
sudo apt installida libnss3-tööriistad
Siis saate installida mkcert kasutades Homebrew
pruulima installida mkcert
Looge kohalik sertifitseerimisasutus (Ca), käivitades järgmise käsu.
mkcert -installida
Kui CA on edukalt loodud, saate nüüd alustada SSL-sertifikaatide genereerimist.
Looge SSL-sertifikaat
Liikuge oma Reacti rakenduse juurkausta ja looge SSL-sertifikaat.
Kõigepealt looge sertifikaadi jaoks kaust.
mkdir reactcert
Sertifikaadi genereerimiseks ja äsja loodud kausta salvestamiseks käivitage järgmine.
mkcert -võti-fail ./reactcert/key.pem -cert-fail ./reactcert/cert.pem "kohalik host"
Seadistage React kasutama SSL-i
Lisage failis package.json tee, mis osutab SSL-sertifikaatidele.
"skriptid": {
"alusta":
"HTTPS=tõsiSSL_CRT_FILE=./reactcert/cert.pem SSL_KEY_FILE=./reactcert/key.pem React-scripts start"
}
Kaitske oma Reacti saiti SSL-i abil
See artikkel näitas, kuidas saate Reacti kohalikus keskkonnas kasutada SSL-sertifikaate. SSL-sertifikaadid on aga kõigi veebirakenduste jaoks hädavajalikud. Need kaitsevad teie veebisaiti häkkerite eest ja teie saiti külastavate kasutajate andmeid.