Secure Sockets Layer (SSL) yra saugos protokolas, sukuriantis saugų ryšį tarp serverio ir kliento. Tai yra HTTPS protokolo, kuris atlieka duomenų šifravimą, dalis. SSL yra svarbus, nes jis apsaugo duomenis nuo pasiklausymo ir susijusių atakų.
Pagal numatytuosius nustatymus, jei kuriate „React“ programą naudodami programą „kurti-reaguoti“, programa nenaudoja HTTPS. HTTPS įgalinimas programai yra naudingas, ypač jei planuojate tarpinio serverio užklausas perduoti API, kuri jas aptarnauja per HTTPS.
HTTPS naudojimas sistemoje „React“.
Kada tu sukurkite programą naudodami „create-react-app“., pagal numatytuosius nustatymus jis veikia HTTP. Norėdami naudoti SSL ir teikti puslapius per HTTPS, turėsite nustatyti HTTPS kintamasis į teisingą package.json. Padarykite tai pakeisdami scenarijai.pradėti vertė atrodyti taip:
"skriptai": {
"pradėti": "HTTPS=tiesa pradeda reaguoti scenarijus“,
},
Arba galite nustatyti HTTPS aplinkos kintamasis į true, kai paleidžiate programą.
„Linux“ / „MacOS“ sistemoje:
HTTPS=tiesa npm pradžia
„Windows cmd“:
rinkinys HTTPS=tiesa&&npm pradėti
„Windows Powershell“:
($env: HTTPS = "tiesa") -ir (npm pradžia)
Tačiau kiekvienas metodas yra tik pirmas žingsnis. Jei bandysite paleisti React programą šiuo metu, gausite klaidą. Norėdami užbaigti procesą, turėsite nustatyti galiojantį SSL sertifikatas.
Sukurkite sertifikavimo įstaigą savo įrenginyje
Vienas iš įrankių, kurį galite naudoti SSL sertifikatui generuoti, yra mkcert. Tai leidžia kurti vietoje patikrintus kūrimo sertifikatus nieko nekonfigūruojant.
Jis suderinamas su keliomis platformomis ir veikia „Windows“, „Linux“ ir „MacOS“. Šiame straipsnyje naudojama Linux.
Raskite naudojamos platformos diegimo vadovą iš mkcert GitHub puslapį.
Pradėkite nuo įdiegimo certutil.
sudo apt diegti libnss3-tools
Tada galite įdiegti mkcert naudojant Homebrew
užvirinti diegti mkcert
Sukurkite vietinę sertifikatų instituciją (Ca) vykdydami šią komandą.
mkcert -diegti
Sėkmingai sukūrę CA, dabar galite pradėti generuoti SSL sertifikatus.
Sukurkite SSL sertifikatą
Eikite į savo „React“ programos šakninį aplanką ir sugeneruokite SSL sertifikatą.
Pirmiausia sukurkite sertifikato aplanką.
mkdir reactcert
Vykdykite toliau nurodytus veiksmus, kad sugeneruotumėte sertifikatą ir išsaugotumėte jį ką tik sukurtame aplanke.
mkcert -key-file ./reactcert/key.pem -cert-file ./reactcert/cert.pem "vietinis šeimininkas"
Sukonfigūruokite React naudoti SSL
Package.json pridėkite kelią, nukreipiantį į SSL sertifikatus.
"skriptai": {
"pradėti":
"HTTPS =tiesaSSL_CRT_FILE=./reactcert/cert.pem SSL_KEY_FILE=./reactcert/key.pem React-scripts start“
}
Apsaugokite savo „React“ svetainę naudodami SSL
Šiame straipsnyje parodyta, kaip galite naudoti SSL sertifikatus „React“ vietinėje aplinkoje. Tačiau SSL sertifikatai yra būtini visoms žiniatinklio programoms. Jie apsaugo jūsų svetainę nuo įsilaužėlių ir apsaugo jūsų svetainėje besilankančių vartotojų duomenis.
