M\u00f6glicherweise haben Sie ein Front-End-Anmeldeformular auf Ihrer WordPress-Website platziert. Und Sie m\u00f6chten Benutzern erm\u00f6glichen, sich mit ihrer Telefonnummer oder mit Benutzername\/E-Mail anzumelden. Grunds\u00e4tzlich erlauben Sie Benutzern, einen beliebigen Eintrag aus Benutzername\/E-Mail\/Telefon und einem Passwort einzugeben.<\/p>\n
Bitte beachten Sie, dass dieses Tutorial nicht beabsichtigt, die Anmeldung mit OTP anzuzeigen. Stattdessen werde ich eine weitere Option f\u00fcr die Telefonnummer zusammen mit dem Benutzernamen und der E-Mail-Adresse hinzuf\u00fcgen. So k\u00f6nnen Ihre Benutzer jede f\u00fcr sie bequeme Option ausw\u00e4hlen. Sie haben diese Option wahrscheinlich bei Amazon gesehen. Amazon erm\u00f6glicht es uns, uns entweder mit E-Mail oder Handynummer anzumelden.<\/p>\n
Ich werde ein einfaches Login-Formular erstellen. Beim Absenden des Formulars schreiben wir einen Code, der im Hintergrund die Anmeldeinformationen f\u00fcr alle 3 Optionen (Benutzername\/E-Mail\/Telefon) und ein Passwort \u00fcberpr\u00fcft.<\/p>\n
Um eine Telefonnummer in einem Anmeldeformular hinzuzuf\u00fcgen, sollten Sie eine Telefonnummer eines Benutzers in die Tabelle ‚wp_usermeta‘ eingeben. Sie k\u00f6nnen dies zum Zeitpunkt der Benutzerregistrierung tun. Der folgende Code kann verwendet werden, um eine Telefonnummer eines Benutzers hinzuzuf\u00fcgen.<\/p>\n
<?php\n$user_id = 1;\n$phone_number = 9999999999;\nadd_user_meta( $user_id, 'user_phone', $phone_number);<\/code><\/pre>\nSobald Sie den meta_key ‚user_phone‘ zusammen mit seinem Wert in der Datenbank haben, k\u00f6nnen Sie sich mit der Telefonnummernoption in einem Anmeldeformular anmelden. Lassen Sie uns das folgende Anmeldeformular auf Ihrer Anmeldeseite platzieren.<\/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>\nIm obigen Code pr\u00fcfen wir auf Fehler und drucken sie aus. In den n\u00e4chsten Schritten werden wir Code zur Behandlung von Fehlern schreiben. Au\u00dferdem haben wir dem Formular eine Nonce hinzugef\u00fcgt, die die empfohlene Methode zur Verarbeitung von Formularen in WordPress ist.<\/p>\n
Einloggen mit Telefonnummer in WordPress<\/h3>\n
Wenn ein Benutzer Anmeldeinformationen ausf\u00fcllt und auf eine Schaltfl\u00e4che zum Senden klickt, nehmen wir die Anmeldeinformationen und \u00fcberpr\u00fcfen sie mit der Datenbank. Wenn die Zugangsdaten korrekt sind, melden wir den Benutzer an und leiten ihn auf die Startseite um. Bei falschen Zugangsdaten werden Fehler mit WP_Error<\/code>Klasse protokolliert .<\/p>\nSchreiben Sie also den folgenden Code in die functions.php<\/code>Datei, die das Anmeldeformular verarbeitet.<\/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>\nHier haben wir zun\u00e4chst die Nonce \u00fcberpr\u00fcft, um unser Formular vor bestimmten Arten von Missbrauch, b\u00f6sartigem Code und CSRF-Angriffen zu sch\u00fctzen. Als N\u00e4chstes wird basierend auf der Methode is_email()<\/code>oder is_numeric()<\/code>auf g\u00fcltige E-Mail- und Telefonnummern gepr\u00fcft. Wenn der eingegebene Wert keine E-Mail oder kein Telefon ist, verwenden wir den Benutzernamen. Wenn die Anmeldeinformationen erf\u00fcllt sind, melden sich Benutzer beim System an und leiten zur Startseite um. In Ihrem Fall k\u00f6nnen Sie Benutzer gem\u00e4\u00df Ihrem Flow auf eine andere Seite umleiten.<\/p>\nIch hoffe, Sie verstehen, wie Sie die Anmeldung mit einer Telefonnummer in WordPress integrieren. Bitte teilen Sie Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten mit.<\/p>\n
Zum Thema passende Artikel<\/h4>\n