Todas as etapas acima s\u00e3o abordadas no Laravel. Voc\u00ea n\u00e3o precisa escrever um c\u00f3digo para construir este sistema de cria\u00e7\u00e3o de usu\u00e1rio.<\/p>\n
Dito isso, vamos dar uma olhada no sistema de registro e login do usu\u00e1rio no Laravel<\/p>\n
Come\u00e7ando<\/h3>\n
Para come\u00e7ar, voc\u00ea deve estar pronto com o projeto Laravel. Se voc\u00ea n\u00e3o tiver, crie-o executando o comando:<\/p>\n
composer create-project --prefer-dist laravel\/laravel laravel-dev<\/code><\/pre>\nAqui, ‘laravel-dev’ \u00e9 o nome do projeto Laravel. O usu\u00e1rio pode alterar este nome.<\/p>\n
Em seguida, voc\u00ea deve integrar a autentica\u00e7\u00e3o do Laravel. V\u00e1 at\u00e9 o diret\u00f3rio raiz do projeto no terminal e execute os comandos abaixo um por um:<\/p>\n
composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\nEstes comandos ir\u00e1 criar controladores de autentica\u00e7\u00e3o como LoginController.php<\/code>, RegisterController.php<\/code>, etc, que voc\u00ea vai encontrar no app\/Http\/Controllers\/Auth<\/code>diret\u00f3rio. Ele tamb\u00e9m cria visualiza\u00e7\u00f5es login.blade.php<\/code>, register.blade.php<\/code>no resources\/view\/auth<\/code>diret\u00f3rio.<\/p>\nOs comandos acima tamb\u00e9m criam um app.blade.php<\/code>arquivo no resources\/views\/layouts<\/code>diret\u00f3rio. Esta visualiza\u00e7\u00e3o \u00e9 um layout b\u00e1sico para o aplicativo. Ele usa a estrutura CSS do Bootstrap, mas o usu\u00e1rio pode personaliz\u00e1-la e alterar o design.<\/p>\nExecute o comando de migra\u00e7\u00e3o que criar\u00e1 uma tabela de ‘usu\u00e1rios’ em seu banco de dados.<\/p>\n
php artisan migrate<\/code><\/pre>\nAgora, se voc\u00ea executar o projeto Laravel no navegador, ver\u00e1 os links para login e formul\u00e1rio de registro.<\/p>\n
![\"Sistema](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20530-608200a2d1ee4.png\")
<\/a><\/p>\nNesta fase, os usu\u00e1rios podem criar sua conta e fazer login no site. Mas como mencionei acima, antes que um usu\u00e1rio possa acessar o sistema, ele deve ter confirmado sua conta.<\/p>\n
Na pr\u00f3xima etapa, veremos como realizar o processo de verifica\u00e7\u00e3o de e-mail de um usu\u00e1rio.<\/p>\n
verifica\u00e7\u00e3o de e-mail<\/h3>\n
Ao construir um sistema de registro, quando o usu\u00e1rio se inscreve, voc\u00ea envia um link de ativa\u00e7\u00e3o aos usu\u00e1rios. Este link de ativa\u00e7\u00e3o ser\u00e1 usado para verificar a conta do usu\u00e1rio. Uma vez, o usu\u00e1rio clica em um link de ativa\u00e7\u00e3o, ent\u00e3o o tornamos ativo. Em outras palavras, ap\u00f3s verificar se o usu\u00e1rio da conta pode navegar pelas p\u00e1ginas de seu aplicativo.<\/p>\n
O Laravel fornece um sistema embutido de processo de verifica\u00e7\u00e3o de e-mail para um usu\u00e1rio rec\u00e9m-registrado. Usando este sistema, um usu\u00e1rio registrado receber\u00e1 um e-mail com um link de ativa\u00e7\u00e3o. Ao ativar a conta, o usu\u00e1rio poder\u00e1 acessar o sistema.<\/p>\n
Abra o AppUser.php<\/code>arquivo e certifique-se de que o modelo ‘Usu\u00e1rio’ implementa o IlluminateContractsAuthMustVerifyEmail<\/code>contrato.<\/p>\n<?php\n\u00a0\nnamespace App;\n\u00a0\nuse IlluminateContractsAuthMustVerifyEmail;\nuse IlluminateFoundationAuthUser as Authenticatable;\nuse IlluminateNotificationsNotifiable;\n\u00a0\nclass User extends Authenticatable implements MustVerifyEmail\n{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n}<\/code><\/pre>\nComo funciona? Se voc\u00ea verificar o arquivo de migra\u00e7\u00e3o, a tabela ‘usu\u00e1rios’ cont\u00e9m uma email_verified_at<\/code>coluna. Esta coluna ser\u00e1 usada para verificar se o usu\u00e1rio ativou sua conta ou n\u00e3o. Se a conta estiver ativada, esta coluna deve conter a data e hora da ativa\u00e7\u00e3o.<\/p>\nQuando voc\u00ea executa o comando de autentica\u00e7\u00e3o, ele cria uma AuthVerificationController<\/code>classe que possui uma l\u00f3gica escrita para enviar links de verifica\u00e7\u00e3o e verificar emails. O desenvolvedor pode verificar este arquivo. Para registrar as rotas necess\u00e1rias para este controlador, escreva as rotas abaixo no routes\/web.php<\/code>arquivo.<\/p>\nAuth::routes(['verify' => true]);<\/code><\/pre>\nO usu\u00e1rio pode proteger suas rotas, que devem estar por tr\u00e1s do login. Para proteger as rotas, voc\u00ea precisa se inscrever middleware('verified')<\/code>nessas rotas. Depois disso, essas rotas protegidas podem ser acessadas apenas por contas verificadas.<\/p>\nVoc\u00ea pode escrever o c\u00f3digo para proteger a rota da seguinte maneira:<\/p>\n
Route::get('profile', function() {\n\u00a0\u00a0\u00a0\u00a0return '<h1>This is profile page<\/h1>';\n})->middleware('verified');<\/code><\/pre>\nSe voc\u00ea deseja ter controle de para onde redirecionar o usu\u00e1rio ap\u00f3s a verifica\u00e7\u00e3o, abra o AuthVerificationController<\/code>arquivo. O arquivo possui a vari\u00e1vel $redirectTo<\/code>que ser\u00e1 usada para redirecionamento. Altere esta rota de acordo com sua necessidade.<\/p>\nprotected $redirectTo = '\/home';<\/code><\/pre>\nLogin e registro do usu\u00e1rio<\/h3>\n
Agora voc\u00ea est\u00e1 pronto para testar o sistema de login e registro do usu\u00e1rio. Como estamos lidando com o processo de inscri\u00e7\u00e3o, seu sistema dever\u00e1 ser capaz de enviar um e-mail. Voc\u00ea pode usar o servidor SMTP do Gmail para enviar e-mails. Para mais detalhes, leia nosso artigo Enviando e-mail via servidor SMTP do Gmail no Laravel<\/a>.<\/p>\nInicie o servidor de desenvolvimento local usando o comando:<\/p>\n
php artisan serve<\/code><\/pre>\nCrie uma conta de usu\u00e1rio na p\u00e1gina de registro aqui – http: \/\/ localhost: 8000 \/ register<\/a><\/p>\n<\/a><\/p>\nAp\u00f3s o envio de um formul\u00e1rio, voc\u00ea receber\u00e1 o link de verifica\u00e7\u00e3o em seu e-mail da seguinte forma:<\/p>\n
<\/a><\/p>\nObserve que o Laravel permite que voc\u00ea fa\u00e7a login na sua conta mesmo que ainda n\u00e3o tenha verificado a conta. Mas voc\u00ea n\u00e3o pode acessar a rota protegida.<\/p>\n
Eu adicionei middleware para a rota profile<\/code>. Sem verificar a conta, se voc\u00ea tentar visitar a p\u00e1gina http: \/\/ localhost: 8000 \/ profile<\/a>, ele ser\u00e1 redirecionado para a URL http: \/\/ localhost: 8000 \/ email \/ verify<\/a>.<\/p>\n