PHP et Vue.js développent des applications qui se défendent contre les attaques par injection SQL

PHP et Vue.js développent des applications qui se défendent contre les attaques par injection SQL

Introduction :
Avec le développement d'Internet, les problèmes de sécurité des réseaux sont devenus de plus en plus importants. Parmi eux, l’attaque par injection SQL est une méthode d’attaque courante et dangereuse. Lorsque le code de l'application ne filtre pas correctement les entrées de l'utilisateur, les pirates peuvent obtenir ou modifier les données de la base de données via des instructions SQL construites de manière malveillante. Afin de garantir la sécurité de l'application, cet article présentera comment combiner PHP et Vue.js pour développer une application qui se défend contre les attaques par injection SQL, et joindra des exemples de code correspondants.

1. Défense du backend PHP contre les attaques par injection SQL

1. Filtrage et vérification des entrées
   Afin d'empêcher les instructions SQL malveillantes saisies par les utilisateurs, nous pouvons filtrer et vérifier l'entrée en utilisant les fonctions intégrées de PHP. Voici quelques fonctions et méthodes couramment utilisées :

• mysqli_real_escape_string() : échappe aux caractères spéciaux et transformez-les en chaînes sécurisées. Par exemple : mysqli_real_escape_string()：对特殊字符进行转义，将其变为安全的字符串。例如：

$username = mysqli_real_escape_string($connection, $_POST['username']);

• intval()

$id = intval($_GET['id']);

Copier après la connexion

intval() : force l'entrée à un entier. Par exemple :

if (preg_match('/^[wd_]+$/', $username)) {
    // 符合格式要求
} else {
    // 格式不正确
}

Copier après la connexion

Expressions régulières : validez et filtrez les données saisies à l'aide d'expressions régulières pour garantir que seuls les caractères et formats légaux sont autorisés. Par exemple :
2. 
   

   $stmt = $connection->prepare("SELECT * FROM users WHERE username = ?");
   $stmt->bind_param("s", $username);
   $stmt->execute();
   $result = $stmt->get_result();
   while ($row = $result->fetch_assoc()) {
       // 处理查询结果
   }

   Copier après la connexion

Les instructions préparées sont un moyen efficace de prévenir les attaques par injection SQL. En déclarant les instructions de requête SQL à l'avance et en séparant les paramètres saisis par l'utilisateur des instructions de requête, l'injection malveillante peut être efficacement empêchée. Voici un exemple d'utilisation d'instructions préparées :

<input v-bind:value="inputData">

Copier après la connexion
1. 2. Défense frontale de Vue.js contre les attaques par injection SQL
   

Dans Vue.js, vous pouvez utiliser le v-bind instruction pour lier les attributs DOM de l'élément. À ce stade, Vue.js échappera aux attributs liés pour empêcher les attaques XSS. Par exemple :
2. 
   

   <input v-model="inputData | filterXSS">

   Copier après la connexion

Dans Vue.js, vous pouvez utiliser des filtres pour traiter les données afin de garantir que les données d'entrée sont conformes au format attendu. Voici un exemple d'utilisation de filtres :
3. 
   

   Vue.filter('filterXSS', function (value) {
       // 过滤和转义value
       return filteredValue;
   });

   Copier après la connexion

   <form v-if="isValid" @submit="submitData">
       <!-- 表单内容 -->
       <button type="submit">提交</button>
   </form>

   Copier après la connexion

En plus d'utiliser des filtres, nous pouvons également valider les entrées de l'utilisateur pour garantir que seules les données légitimes sont transmises au back-end pour traitement. Par exemple, vous pouvez utiliser les directives et méthodes de Vue.js pour valider les données saisies par l'utilisateur avant de soumettre un formulaire :

{
    data() {
        return {
            isValid: false
        }
    },
    methods: {
        submitData() {
            // 提交数据到后端
        }
    },
    watch: {
        inputData: function (newVal) {
            // 验证数据是否合法
            if (newVal !== '') {
                this.isValid = true;
            } else {
                this.isValid = false;
            }
        }
    }
}

Conclusion :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!