Integreerige Google reCAPTCHA Reacti rakendusse

Integreerige Google reCAPTCHA Reacti rakendusse
Teiesugused lugejad aitavad MUO-d toetada. Kui teete ostu meie saidil olevate linkide abil, võime teenida sidusettevõtte komisjonitasu. Loe rohkem.

Kuna veebi- ja mobiilirakendused on muutunud populaarsemaks, on suurenenud ka rämpsposti ja muu pahatahtliku tegevuse oht. CAPTCHA-d võivad olla mugav turvameede, mida tasub seda tüüpi turvaohtude vältimiseks integreerida.





CAPTCHA on minimaalne turvafunktsioon, mis on tavaliselt veebivormidega integreeritud, et vältida rämpsposti automatiseeritud rünnakuid. See tagab, et rakendusele juurdepääsetav kasutaja on tõepoolest inimene, mitte pahatahtlikku koodi käivitav robot.





Mis on CAPTCHA?

Akronüüm CAPTCHA tähistab Completely Automated Public Turing Test, et eristada arvutit ja inimesi. See viitab arvuti loodud testile, mis kontrollib, kas konkreetne teie rakendusega suhtlev kasutaja on inimene ja mitte robot.





Saate oma rakendusse integreerida erinevat tüüpi CAPTCHA-teste (nt teksti- ja helipõhised CAPTCHA-d). Kõige populaarsem ja tõhusam tüüp on aga Google reCAPTCHA. See kontrollib täpsemate riskianalüüsi algoritmide abil vahet tegelike kasutajate ja robotite vahel.

Google reCAPTCHA on saadaval kahes versioonis:



  • reCAPTCHA V3: see versioon töötab taustal ja määrab kasutaja käitumise põhjal üldise skoori.
  • reCAPTCHA V2: see versioon lisab autentimisvormile märkeruudu 'Ma ei ole robot'.

See juhend uurib Google reCAPTCHA V2. Lugege edasi, et õppida, kuidas see Reacti rakendusse integreerida.

Registreerige rakendus React reCAPTCHA administraatorikonsoolis

Alustamiseks peate registreerima oma rakenduse reCAPTCHA arendajakonsoolis. Suunduge poole Google'i reCAPTCHA administraatorikonsool , logige sisse oma Google'i kontoga ja täitke nõutud vormi üksikasjad.





Sisestage sildi nimi, valige reCAPTCHA V2 ja valige rippmenüüst kinnitustaotlused, kasutades märkeruutu 'Ma ei ole robot'. Lõpuks sisestage oma rakenduse domeeninimi. Kohalikuks arendamiseks tippige kohalik host domeeninimena.

kuidas Adobe Readeris esile tõsta
 Google'i reCAPTCHA seaded

Kui see on teie rakenduse registreerinud, suunab sait teid teie loodud saladuse ja saidivõtmetega uuele lehele.





 reCAPTCHA võtmed

Looge Reacti klient

Sellel projektil on kaks osa: loote Reacti kliendi, mis renderdab lihtsa sisselogimisvormi Google'i reCAPTCHA-ga, ja Expressi taustaprogrammi, mis teeb reCAPTCHA API-le POST-päringuid, et kontrollida pärast kasutaja reCAPTCHA väljakutse täitmist genereeritud luba.

Looge projektifailide majutamiseks kohapeal projekti kaust. Järgmiseks looge rakendus React ja muutke praegune kataloog kliendi omaks. Looge oma kliendikausta juurkataloogis .env-fail API salajase võtme ja saidivõtme salvestamiseks.

 REACT_APP_reCAPTCHA_SITE_KEY = 'site key' 
REACT_APP_reCAPTCHA_SECRET_KEY = 'secret key'