Guide de mise en œuvre de l'enregistrement de la connexion à la vérification du téléphone mobile PHP

Guide de mise en œuvre de l'enregistrement de connexion à la vérification mobile PHP

À l'ère de l'Internet mobile, la vérification du téléphone mobile est devenue une mesure de sécurité couramment utilisée. Dans le processus de connexion et d'enregistrement du site Web, la vérification du téléphone mobile peut empêcher efficacement les comportements malveillants d'enregistrement et de connexion et améliorer la sécurité des comptes d'utilisateurs. Cet article expliquera comment utiliser le langage de programmation PHP pour implémenter les fonctions de connexion et d'enregistrement de vérification du téléphone mobile, et donnera des exemples de code correspondants.

1. Préparation

Tout d'abord, nous avons besoin d'un fournisseur de services SMS tiers qui prend en charge la fonction de code de vérification SMS, tel que Yunpian.com, Alibaba Cloud SMS, etc. Inscrivez-vous et obtenez les clés API et les modèles SMS pertinents.

2. Processus d'inscription

2.1 Formulaire d'inscription du numéro de téléphone portable

Sur la page d'inscription, ajoutez une zone de saisie du numéro de téléphone portable et un bouton pour obtenir le code de vérification. Une fois que l'utilisateur a saisi son numéro de téléphone mobile, cliquez sur le bouton Obtenir le code de vérification pour envoyer un code de vérification par SMS au téléphone mobile de l'utilisateur.

<form action="register.php" method="post">
  <input type="text" name="phone" placeholder="请输入手机号码" required>
  <button type="button" id="btn-send-code">获取验证码</button>
  <input type="text" name="code" placeholder="请输入验证码" required>
  <input type="submit" value="注册">
</form>

2.2 Envoyer le code de vérification

Définissez un événement de clic sur un bouton et envoyez le code de vérification par SMS en appelant l'API du fournisseur de services SMS sur le backend. Dans le même temps, le code de vérification est enregistré dans la session pour une vérification ultérieure.

$(function() {
  $('#btn-send-code').click(function() {
    var phone = $('input[name="phone"]').val();
    $.ajax({
      url: 'send_code.php',
      type: 'POST',
      data: { phone: phone },
      success: function(response) {
        console.log(response);
      }
    });
  });
});

// send_code.php
$phone = $_POST['phone'];
// 调用短信发送API发送短信验证码
$result = send_sms_code($phone, $code); // 自行实现send_sms_code函数
if ($result['code'] == 200) {
  $_SESSION['sms_code'] = $code;
  echo '发送成功';
} else {
  echo '发送失败';
}

2.3 Logique d'inscription

Une fois que l'utilisateur a saisi le numéro de téléphone portable et le code de vérification, cliquez sur le bouton d'inscription pour soumettre le formulaire. Le backend vérifie si le numéro de téléphone mobile et le code de vérification correspondent et effectue les opérations correspondantes, telles que l'écriture des informations utilisateur dans la base de données.

// register.php
$phone = $_POST['phone'];
$code = $_POST['code'];

if ($code == $_SESSION['sms_code']) {
  // 验证码匹配成功，进行注册操作
  // ...
  echo '注册成功';
} else {
  echo '验证码错误';
}

3. Processus de connexion

3.1 Formulaire de connexion par numéro de téléphone portable

Dans la page de connexion, ajoutez une zone de saisie du numéro de téléphone portable et un bouton pour obtenir le code de vérification. Une fois que l'utilisateur a saisi son numéro de téléphone mobile, cliquez sur le bouton Obtenir le code de vérification pour envoyer un code de vérification par SMS au téléphone mobile de l'utilisateur.

<form action="login.php" method="post">
  <input type="text" name="phone" placeholder="请输入手机号码" required>
  <button type="button" id="btn-send-code">获取验证码</button>
  <input type="text" name="code" placeholder="请输入验证码" required>
  <input type="submit" value="登录">
</form>

3.2 L'envoi d'un code de vérification

est similaire à l'envoi d'un code de vérification lors du processus d'inscription.

3.3 Logique de connexion

Une fois que l'utilisateur a saisi le numéro de téléphone mobile et le code de vérification, cliquez sur le bouton de connexion pour soumettre le formulaire. Le backend vérifie si le numéro de téléphone mobile et le code de vérification correspondent et effectue les opérations correspondantes, telles que la vérification de la connexion via la base de données de requête d'informations utilisateur.

// login.php
$phone = $_POST['phone'];
$code = $_POST['code'];

if ($code == $_SESSION['sms_code']) {
  // 验证码匹配成功，进行登录操作
  // ...
  echo '登录成功';
} else {
  echo '验证码错误';
}

4. Résumé

À travers les étapes ci-dessus, nous avons utilisé le langage de programmation PHP pour implémenter les fonctions de connexion et d'enregistrement de vérification du téléphone mobile. Grâce aux codes de vérification SMS des téléphones mobiles, la sécurité des comptes d'utilisateurs peut être améliorée et les comportements malveillants d'enregistrement et de connexion peuvent être évités. Dans le même temps, nous avons également appris comment appeler l'API d'un fournisseur de services SMS tiers pour envoyer des codes de vérification SMS, et comment utiliser Session pour enregistrer les codes de vérification et d'autres fonctions. J'espère que cet article pourra vous apporter de l'aide.

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!