{"id":25472,"date":"2021-06-07T11:19:00","date_gmt":"2021-06-07T08:19:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25472"},"modified":"2021-10-18T02:08:20","modified_gmt":"2021-10-17T23:08:20","slug":"connectez-vous-avec-un-numero-de-telephone-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/connectez-vous-avec-un-numero-de-telephone-dans-wordpress\/","title":{"rendered":"Connectez-vous avec un num\u00e9ro de t\u00e9l\u00e9phone dans WordPress"},"content":{"rendered":"

Vous avez peut-\u00eatre plac\u00e9 un formulaire de connexion frontal sur votre site Web WordPress. Et vous voulez permettre aux utilisateurs de se connecter avec leur num\u00e9ro de t\u00e9l\u00e9phone ou en utilisant leur nom d’utilisateur\/adresse e-mail. Fondamentalement, vous autorisez les utilisateurs \u00e0 saisir n’importe quelle entr\u00e9e parmi Nom d’utilisateur\/Email\/T\u00e9l\u00e9phone et un mot de passe.<\/p>\n

Veuillez noter que ce tutoriel n’a pas l’intention de montrer la connexion avec OTP. Au lieu de cela, je vais ajouter une autre option de num\u00e9ro de t\u00e9l\u00e9phone ainsi que le nom d’utilisateur et l’e-mail. Ainsi, vos utilisateurs peuvent choisir n’importe quelle option qui leur convient. Vous avez probablement vu cette option sur Amazon. Amazon nous permet de nous connecter avec un e-mail ou un num\u00e9ro de t\u00e9l\u00e9phone portable.<\/p>\n

Je vais cr\u00e9er un formulaire de connexion simple. Sur le formulaire soumis, nous \u00e9crirons un code qui v\u00e9rifie les informations d’identification en arri\u00e8re-plan pour les 3 options (nom d’utilisateur\/courriel\/t\u00e9l\u00e9phone) et un mot de passe.<\/p>\n

Afin d’ajouter un num\u00e9ro de t\u00e9l\u00e9phone sur un formulaire de connexion, vous devez ins\u00e9rer un num\u00e9ro de t\u00e9l\u00e9phone d’un utilisateur dans la table ‘wp_usermeta’. Vous pouvez le faire au moment de l’enregistrement de l’utilisateur. Le code ci-dessous peut \u00eatre utilis\u00e9 pour ajouter un num\u00e9ro de t\u00e9l\u00e9phone d’un utilisateur.<\/p>\n

<?php\n$user_id = 1;\n$phone_number = 9999999999;\nadd_user_meta( $user_id, 'user_phone', $phone_number);<\/code><\/pre>\n
Une fois que vous avez meta_key ‘user_phone’ avec sa valeur dans la base de donn\u00e9es, vous pouvez ajouter une connexion avec l’option de num\u00e9ro de t\u00e9l\u00e9phone dans un formulaire de connexion. Mettons le formulaire de connexion suivant sur votre page de connexion.<\/p>\n
<?php\n$return = log_the_user_in();\nif( is_wp_error( $return)) {\n\u00a0\u00a0\u00a0\u00a0echo $return->get_error_message();\n}\n?>\n<form method=\"post\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" name=\"user_login\" placeholder=\"Username, email or mobile\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"password\" name=\"user_password\" placeholder=\"Password\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"login_nonce\" value=\"<?php echo wp_create_nonce('login_nonce'); ?>\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"login_the_user\" value=\"Submit\" \/>\n<\/form><\/code><\/pre>\n
Dans le code ci-dessus, nous v\u00e9rifions les erreurs et les imprimons. Nous \u00e9crirons du code pour g\u00e9rer les erreurs dans les prochaines \u00e9tapes. De plus, nous avons ajout\u00e9 un nonce dans le formulaire qui est la m\u00e9thode recommand\u00e9e pour traiter les formulaires dans WordPress.<\/p>\n
Connectez-vous avec un num\u00e9ro de t\u00e9l\u00e9phone dans WordPress<\/h3>\n
Lorsqu’un utilisateur remplit ses informations d’identification et clique sur un bouton d’envoi, nous prenons les informations d’identification et les v\u00e9rifions par rapport \u00e0 la base de donn\u00e9es. Si les informations d’identification sont correctes, nous connecterons l’utilisateur et le redirigerons vers la page d’accueil. En cas d’informations d’identification erron\u00e9es, les erreurs sont enregistr\u00e9es avec la WP_Error<\/code>classe.<\/p>\n
\u00c9crivez donc le code ci-dessous dans le functions.php<\/code>fichier qui traite le formulaire de connexion.<\/p>\n
<?php\nadd_action( 'init', 'log_the_user_in' );\nfunction log_the_user_in() {\n\u00a0\u00a0\u00a0\u00a0if (isset( $_POST['login_the_user']) && wp_verify_nonce( $_REQUEST['login_nonce'], 'login_nonce')) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! empty( $_POST['user_login']) &&! empty( $_POST['user_password'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (is_email( $_POST['user_login'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check user by email\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'email', $_POST['user_login'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} elseif (is_numeric( $_POST['user_login'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check user by phone number\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0global $wpdb;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$tbl_usermeta = $wpdb->prefix.'usermeta';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user_id = $wpdb->get_var( $wpdb->prepare( \"SELECT user_id FROM $tbl_usermeta WHERE meta_key=%s AND meta_value=%s\", 'user_phone', $_POST['user_login']) );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'ID', $user_id );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check user by username\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'login', $_POST['user_login'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! $user) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return new WP_Error('wrong_credentials', 'Invalid credentials.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check the user's login with their password.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! wp_check_password( $_POST['user_password'], $user->user_pass, $user->ID)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return new WP_Error('wrong_credentials', 'Invalid credentials.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_clear_auth_cookie();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_set_current_user($user->ID);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_set_auth_cookie($user->ID);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_redirect(get_bloginfo('url'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return new WP_Error('empty', 'Both fields are required.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Ici, nous avons d’abord v\u00e9rifi\u00e9 le nonce pour prot\u00e9ger notre formulaire contre certains types d’abus, de code malveillant et d’attaques CSRF. Ensuite, en fonction de is_email()<\/code>ou de la is_numeric()<\/code>m\u00e9thode, il v\u00e9rifie l’e-mail et le num\u00e9ro de t\u00e9l\u00e9phone valides. Si la valeur saisie n’est pas un e-mail ou un t\u00e9l\u00e9phone, nous choisissons le nom d’utilisateur. Si les informations d’identification sont satisfaites, les utilisateurs se connectent au syst\u00e8me et redirigent vers la page d’accueil. Dans votre cas, vous pouvez rediriger les utilisateurs vers une autre page selon votre flux.<\/p>\n
J’esp\u00e8re que vous comprenez comment int\u00e9grer la connexion avec un num\u00e9ro de t\u00e9l\u00e9phone dans WordPress. S’il vous pla\u00eet partager vos pens\u00e9es et suggestions dans la section commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n