{"id":28318,"date":"2021-06-07T11:38:00","date_gmt":"2021-06-07T08:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28318"},"modified":"2021-10-18T04:03:54","modified_gmt":"2021-10-18T01:03:54","slug":"login-com-numero-de-telefone-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/login-com-numero-de-telefone-no-wordpress\/","title":{"rendered":"Login com n\u00famero de telefone no WordPress"},"content":{"rendered":"

Voc\u00ea pode ter colocado um formul\u00e1rio de login de front-end em seu site WordPress. E voc\u00ea deseja permitir que os usu\u00e1rios fa\u00e7am login com seu n\u00famero de telefone ou usando nome de usu\u00e1rio \/ e-mail. Basicamente, voc\u00ea est\u00e1 permitindo que os usu\u00e1rios insiram qualquer uma das entradas de Nome de usu\u00e1rio \/ E-mail \/ Telefone e uma senha.<\/p>\n

Observe que este tutorial n\u00e3o pretende mostrar login com OTP. Em vez disso, vou adicionar mais uma op\u00e7\u00e3o de n\u00famero de telefone junto com nome de usu\u00e1rio e e-mail. Assim, seus usu\u00e1rios podem escolher qualquer op\u00e7\u00e3o que seja conveniente para eles. Voc\u00ea provavelmente viu essa op\u00e7\u00e3o na Amazon. A Amazon nos permite fazer login com e-mail ou n\u00famero de celular.<\/p>\n

Vou criar um formul\u00e1rio de login simples. No envio do formul\u00e1rio, escreveremos um c\u00f3digo que verifica as credenciais em segundo plano para todas as 3 op\u00e7\u00f5es (nome de usu\u00e1rio \/ e-mail \/ telefone) e uma senha.<\/p>\n

Para adicionar um n\u00famero de telefone em um formul\u00e1rio de login, voc\u00ea deve inserir um n\u00famero de telefone de um usu\u00e1rio na tabela ‘wp_usermeta’. Voc\u00ea pode fazer isso no momento do registro do usu\u00e1rio. O c\u00f3digo abaixo pode ser usado para adicionar o n\u00famero de telefone de um usu\u00e1rio.<\/p>\n

<?php\n$user_id = 1;\n$phone_number = 9999999999;\nadd_user_meta( $user_id, 'user_phone', $phone_number);<\/code><\/pre>\n
Depois de ter meta_key ‘user_phone’ junto com seu valor no banco de dados, voc\u00ea pode adicionar login com a op\u00e7\u00e3o de n\u00famero de telefone em um formul\u00e1rio de login. Vamos colocar o seguinte formul\u00e1rio de login em sua p\u00e1gina de login.<\/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
No c\u00f3digo acima, estamos verificando os erros e imprimindo-os. Escreveremos c\u00f3digo para lidar com erros nas pr\u00f3ximas etapas. Al\u00e9m disso, adicionamos um nonce no formul\u00e1rio, que \u00e9 a forma recomendada de processamento de formul\u00e1rios no WordPress.<\/p>\n
Login com n\u00famero de telefone no WordPress<\/h3>\n
Quando um usu\u00e1rio preenche as credenciais e clica em um bot\u00e3o de envio, pegaremos as credenciais e as verificaremos no banco de dados. Se as credenciais estiverem corretas, faremos o login do usu\u00e1rio e o redirecionaremos para a p\u00e1gina inicial. Em caso de credenciais erradas, os erros s\u00e3o registrados com a WP_Error<\/code>classe.<\/p>\n
Ent\u00e3o escreva o c\u00f3digo abaixo no functions.php<\/code>arquivo que processa o formul\u00e1rio de login.<\/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
Aqui, primeiro verificamos o nonce para proteger nosso formul\u00e1rio de certos tipos de uso indevido, c\u00f3digo malicioso e ataques CSRF. Em seguida, com base no m\u00e9todo is_email()<\/code>ou is_numeric()<\/code>, ele verifica o e-mail e o n\u00famero de telefone v\u00e1lidos. Se o valor inserido n\u00e3o for um e-mail ou telefone, vamos para o nome de usu\u00e1rio. Se as credenciais forem satisfeitas, os usu\u00e1rios efetuam login no sistema e redirecionam para a p\u00e1gina inicial. No seu caso, voc\u00ea pode redirecionar os usu\u00e1rios para outra p\u00e1gina de acordo com o seu fluxo.<\/p>\n
Espero que voc\u00ea entenda como integrar o login a um n\u00famero de telefone no WordPress. Por favor, compartilhe seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n
Artigos relacionados<\/h4>\n