{"id":28519,"date":"2021-06-12T16:59:00","date_gmt":"2021-06-12T13:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28519"},"modified":"2021-10-18T04:00:32","modified_gmt":"2021-10-18T01:00:32","slug":"login-do-google-no-laravel-usando-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/login-do-google-no-laravel-usando-laravel-socialite\/","title":{"rendered":"Login do Google no Laravel usando Laravel Socialite"},"content":{"rendered":"

Recentemente publiquei um artigo Login com LinkedIn usando Laravel Socialite<\/a> e um de nossos leitores perguntou sobre a integra\u00e7\u00e3o do Google Login no Laravel. O login do Google tamb\u00e9m \u00e9 uma das plataformas populares usadas para login social no site.<\/p>\n

Ao permitir que os usu\u00e1rios fa\u00e7am login com seus perfis sociais em seu site, voc\u00ea pula o processo de valida\u00e7\u00e3o de seus e-mails. Seus usu\u00e1rios n\u00e3o precisam seguir um processo de ativa\u00e7\u00e3o por e-mail. Podemos confiar nos sites sociais, pois eles j\u00e1 validaram os usu\u00e1rios em sua plataforma. Oferece uma melhor experi\u00eancia de usu\u00e1rio para seus usu\u00e1rios, pois eles n\u00e3o precisam se lembrar de suas credenciais de login para o seu site e tamb\u00e9m evita que voc\u00ea adicione c\u00f3digos para o fluxo de verifica\u00e7\u00e3o. \u00c9 uma situa\u00e7\u00e3o ganha-ganha.<\/p>\n

Neste artigo, estudamos o guia passo a passo sobre como adicionar o login do Google no Laravel usando o Laravel Socialite. A socialite Laravel lida com o fluxo OAuth para login social nos bastidores. Este pacote acelera o processo de integra\u00e7\u00e3o do login social no Laravel.<\/p>\n

Para este tutorial, usarei uma instala\u00e7\u00e3o nova do Laravel, ent\u00e3o execute o comando abaixo que instalar\u00e1 o Laravel para voc\u00ea:<\/p>\n

composer create-project --prefer-dist laravel\/laravel googlelogin<\/code><\/pre>\n
Ap\u00f3s a instala\u00e7\u00e3o do Laravel, crie um banco de dados e adicione suas credenciais de banco de dados no .env<\/code>arquivo. Como estamos adicionando o login social no aplicativo, adicionarei mais 2 colunas ao arquivo de migra\u00e7\u00e3o de usu\u00e1rio padr\u00e3o e modificarei um pouco seu c\u00f3digo.<\/p>\n
Abra o arquivo de migra\u00e7\u00e3o do seu usu\u00e1rio e adicione o c\u00f3digo abaixo ao up<\/code>m\u00e9todo.<\/p>\n
\/**\n\u00a0* Run the migrations.\n\u00a0*\n\u00a0* @return void\n\u00a0*\/\npublic function up()\n{\n\u00a0\u00a0\u00a0\u00a0Schema::create('users', function (Blueprint $table) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->bigIncrements('id');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('name');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('email')->nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->timestamp('email_verified_at')->nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('password')->nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('provider');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('provider_id');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->rememberToken();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->timestamps();\n\u00a0\u00a0\u00a0\u00a0});\n}<\/code><\/pre>\n
No c\u00f3digo acima, adicionei 2 colunas provider<\/code>e provider_id<\/code>que conter\u00e3o os valores ‘google’ e o id do perfil do usu\u00e1rio no Google, respectivamente. Crie a tabela de ‘usu\u00e1rios’ executando o comando migrate.<\/p>\n
php artisan migrate<\/code><\/pre>\n
Voc\u00ea tamb\u00e9m precisa adicionar essas 2 colunas ao modelo do usu\u00e1rio.<\/p>\n
app \/ User.php<\/strong><\/p>\n
\/**\n\u00a0* The attributes that are mass assignable.\n\u00a0*\n\u00a0* @var array\n\u00a0*\/\nprotected $fillable = [\n\u00a0\u00a0\u00a0\u00a0'name', 'email', 'password', 'provider', 'provider_id',\n];<\/code><\/pre>\n
Crie um aplicativo do Google e obtenha suas credenciais<\/h3>\n
Em seguida, precisamos criar um projeto no console de APIs do Google. Exigiremos o ID do cliente e o segredo do cliente do aplicativo para concluir o processo OAuth para os usu\u00e1rios.<\/p>\n
Siga as etapas abaixo para criar um projeto do Google e obter as credenciais. Para o bem do tutorial, estou usando a URL do servidor local. Voc\u00ea pode ajustar este URL de acordo com sua necessidade.<\/p>\n