{"id":29098,"date":"2021-06-07T11:13:00","date_gmt":"2021-06-07T08:13:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29098"},"modified":"2021-10-18T03:36:33","modified_gmt":"2021-10-18T00:36:33","slug":"zaloguj-sie-za-pomoca-numeru-telefonu-w-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/zaloguj-sie-za-pomoca-numeru-telefonu-w-wordpress\/","title":{"rendered":"Zaloguj si\u0119 za pomoc\u0105 numeru telefonu w WordPress"},"content":{"rendered":"

Mo\u017cliwe, \u017ce umie\u015bci\u0142e\u015b front-endowy formularz logowania na swojej stronie WordPress. I chcesz zezwoli\u0107 u\u017cytkownikom na logowanie si\u0119 za pomoc\u0105 swojego numeru telefonu lub przy u\u017cyciu nazwy u\u017cytkownika\/adresu e-mail. Zasadniczo pozwalasz u\u017cytkownikom na wprowadzenie jednego z wpis\u00f3w z nazwy u\u017cytkownika \/ adresu e-mail \/ telefonu i has\u0142a.<\/p>\n

Zwr\u00f3\u0107 uwag\u0119, \u017ce ten samouczek nie ma na celu pokazania logowania za pomoc\u0105 OTP. Zamiast tego dodam jeszcze jedn\u0105 opcj\u0119 numeru telefonu wraz z nazw\u0105 u\u017cytkownika i adresem e-mail. Dzi\u0119ki temu Twoi u\u017cytkownicy mog\u0105 wybra\u0107 dowoln\u0105 dogodn\u0105 dla siebie opcj\u0119. Prawdopodobnie widzia\u0142e\u015b t\u0119 opcj\u0119 na Amazon. Amazon pozwala nam zalogowa\u0107 si\u0119 za pomoc\u0105 adresu e-mail lub numeru telefonu kom\u00f3rkowego.<\/p>\n

Zamierzam stworzy\u0107 prosty formularz logowania. Na formularzu przesy\u0142ania napiszemy kod, kt\u00f3ry sprawdza po\u015bwiadczenia w tle dla wszystkich 3 opcji (Nazwa u\u017cytkownika\/E-mail\/Telefon) oraz has\u0142o.<\/p>\n

Aby doda\u0107 numer telefonu w formularzu logowania, nale\u017cy wstawi\u0107 numer telefonu u\u017cytkownika w tabeli 'wp_usermeta’. Mo\u017cesz to zrobi\u0107 w momencie rejestracji u\u017cytkownika. Poni\u017cszy kod s\u0142u\u017cy do dodania numeru telefonu u\u017cytkownika.<\/p>\n

<?php\n$user_id = 1;\n$phone_number = 9999999999;\nadd_user_meta( $user_id, 'user_phone', $phone_number);<\/code><\/pre>\n
Gdy ju\u017c masz meta_klucz 'user_phone’ wraz z jego warto\u015bci\u0105 w bazie danych, mo\u017cesz doda\u0107 login z opcj\u0105 numeru telefonu w formularzu logowania. Umie\u015b\u0107my poni\u017cszy formularz logowania na twojej stronie logowania.<\/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
W powy\u017cszym kodzie sprawdzamy b\u0142\u0119dy i je drukujemy. W kolejnych krokach napiszemy kod do obs\u0142ugi b\u0142\u0119d\u00f3w. Dodatkowo dodali\u015bmy jednorazow\u0105 warto\u015b\u0107 w formularzu, co jest zalecanym sposobem przetwarzania formularzy w WordPressie.<\/p>\n
Zaloguj si\u0119 za pomoc\u0105 numeru telefonu w WordPress<\/h3>\n
Gdy u\u017cytkownik wype\u0142ni dane uwierzytelniaj\u0105ce i naci\u015bnie przycisk przesy\u0142ania, pobierzemy dane uwierzytelniaj\u0105ce i zweryfikujemy je w bazie danych. Je\u015bli dane logowania s\u0105 poprawne, zalogujemy u\u017cytkownika i przekierujemy go na stron\u0119 g\u0142\u00f3wn\u0105. W przypadku b\u0142\u0119dnych po\u015bwiadcze\u0144, b\u0142\u0119dy s\u0105 rejestrowane w WP_Error<\/code>klasie.<\/p>\n
Napisz poni\u017cszy kod w functions.php<\/code>pliku, kt\u00f3ry przetwarza formularz logowania.<\/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
Tutaj najpierw zweryfikowali\u015bmy jednorazowy numer, aby chroni\u0107 nasz formularz przed niekt\u00f3rymi rodzajami nadu\u017cy\u0107, z\u0142o\u015bliwego kodu i atak\u00f3w CSRF. Nast\u0119pnie, na podstawie metody is_email()<\/code>lub is_numeric()<\/code>, sprawdza poprawny adres e-mail i numer telefonu. Je\u015bli wpisana warto\u015b\u0107 nie jest adresem e-mail lub telefonem, wybieramy nazw\u0119 u\u017cytkownika. Je\u015bli po\u015bwiadczenia s\u0105 spe\u0142nione, u\u017cytkownicy loguj\u0105 si\u0119 do systemu i przekierowuj\u0105 na stron\u0119 g\u0142\u00f3wn\u0105. W Twoim przypadku mo\u017cesz przekierowa\u0107 u\u017cytkownik\u00f3w na inn\u0105 stron\u0119 zgodnie ze swoim przep\u0142ywem.<\/p>\n
Mam nadziej\u0119, \u017ce rozumiesz, jak zintegrowa\u0107 logowanie z numerem telefonu w WordPressie. Podziel si\u0119 swoimi przemy\u015bleniami i sugestiami w sekcji komentarzy poni\u017cej.<\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n