Comment sécuriser votre application React avec le jeton CSRF dans le backend PHP

Apprenez à implémenter efficacement les «jetons CSRF» pour votre application React à l'aide d'un backend PHP pour améliorer la sécurité par rapport aux attaques CSRF. --- Cette vidéo est basée sur la question https://stackoverflow.com/q/74405436/ a demandé par l'utilisateur 'Dinesh Kuniyal' (https://stackoverflow.com/u/16827940/) et sur la réponse https://stackoverflow.com/a/74405557/ par l'utilisateur "est-ce que l'utilisateur" est. https://stackoverflow.com/u/13729794/) sur le site "Stack Overflow '. Merci à ces grands utilisateurs et à la communauté StacKExchange pour leurs contributions. Visitez ces liens pour le contenu original et tout plus de détails, tels que des solutions alternatives, les dernières mises à jour / développements sur le sujet, les commentaires, l'historique de révision, etc. Par exemple, le titre original de la question était: l'envoi de jetons CSRF en réaction avec PHP également, le contenu (sauf la musique) sous licence CC BY-SA https://meta.stackexchange.com/help/Licen BY-SA 4.0 '(https://creativecommons.org/licenses/by-sa/4.0/), et le poste de réponse original est concédé sous licence' CC BY-SA 4.0 '(https://creativecommons.org/licenses/by-sa/4.0/). Si quelque chose vous semble, n'hésitez pas à m'écrire chez vlogize [at] gmail [dot] com. --- Sécurisation de votre application React avec les jetons CSRF dans les attaques de contrefaçon de demande Cross-Site PHP (CSRF) peut présenter un risque important pour les applications Web, en particulier celles qui reposent sur les soumissions et les actions de formulaires effectuées par les utilisateurs authentifiés. Dans ce guide, nous explorerons comment implémenter les jetons CSRF dans votre application React avec un backend PHP pour sécuriser vos demandes de message. Comprendre les attaques du CSRF avant de plonger dans la solution, expliquons brièvement ce qu'est le CSRF et pourquoi cela compte: qu'est-ce que le CSRF? CSRF est un type d'attaque qui trompe le navigateur de l'utilisateur à exécuter des actions indésirables dans une application Web dans laquelle l'utilisateur est authentifié. Pourquoi est-il important de prévenir? En empêchant les attaques du CSRF, vous protégez les utilisateurs des actions non autorisées qui pourraient potentiellement nuire à leurs comptes ou données. Implémentation de la protection CSRF Dans votre application pour sécuriser votre application React contre les attaques CSRF Lorsque vous utilisez un backend PHP, vous pouvez suivre ces étapes: Étape 1: Définissez un cookie CSRF à partir du backend PHP dans votre backend PHP, la première étape consiste à créer et à définir un jeton CSRF comme cookie. Cela peut être accompli en utilisant la fonction setcookie () dans PHP. Voici un exemple de base de la façon de le faire: [[voir la vidéo pour révéler cet extrait de texte ou de code]] Étape 2: Autoriser les informations d'identification dans votre demande AJAX ensuite, lors de la réalisation de demandes de publication (ou de toute demande AJAX) à votre backend PHP à partir de votre application React, assurez-vous que les informations d'identification sont incluses dans la demande. Cela permet d'envoyer le cookie CSRF avec les en-têtes de demande. Voici comment vous pouvez le faire avec Axios: [[voir la vidéo pour révéler cet extrait de texte ou de code]] Étape 3: Lisez et validez le cookie CSRF dans le backend du côté PHP, vous devrez lire le cookie CSRF dans les en-têtes de demande et le valider pour vous assurer qu'il correspond à celui-ci précédemment. Vous pouvez accéder aux cookies via le superglobal $ _cookie en php. Voici un exemple de la façon de vérifier le jeton CSRF: [[voir la vidéo pour révéler cet extrait de texte ou de code]] Conclusion Implémentation de la protection CSRF Dans votre application React avec un backend PHP est cruciale pour maintenir la sécurité et l'intégrité des données de vos utilisateurs. En suivant les étapes décrites dans ce guide, vous pourrez sécuriser efficacement vos demandes de poste contre les attaques CSRF. Les principaux plats à retenir utilisent la fonction Setcookie () en PHP pour créer un jeton CSRF. Assurez-vous que vos demandes AJAX incluent des informations d'identification en utilisant WithCredentials: Vrai dans Axios. Validez le jeton CSRF contre le cookie au côté du serveur pour améliorer la sécurité. En prenant ces mesures, vous pouvez créer une application plus sécurisée qui protège vos utilisateurs contre les menaces potentielles. Codage heureux!