Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Laravel y OAuth 2: Login con Facebook, Twitter, Google, etc

Name: Laravel y OAuth 2: Login con Facebook, Twitter, Google, etc
Rating: 4.5 (65 reviews)

Desarrollemos un monitor de precios! Los usuarios ingresan vía redes sociales, ingresan datos y consultan reportes.

Created byJuan Ramos

Last updated 8/2023

Spanish

Spanish [Auto],

What you'll learn

Aprenderás qué es OAuth, y cómo funciona con las principales redes sociales y servicios
Serás capaz de implementar un login vía redes sociales y servicios en tus proyectos Laravel
Conocerás y comprenderás perfectamente el funcionamiento del paquete Laravel Socialite
Aprenderás paso a paso cómo hacer un login vía Facebook, Twitter, Google+ (aplicable también para Youtube, Steam y muchos otros proveedores)

Course content

6 sections • 46 lectures • 7h 4m total length

Introducción1:52
Breve introducción sobre lo que vamos a ver en el curso.
¿Qué es OAuth 2 y qué roles intervienen?8:19
Visión general de lo que es OAuth 2 y los roles que participan en su funcionamiento.
Flujo general descrito por OAuth 25:46
Veamos un esquema general sobre cómo opera el protocolo OAuth 2.
OAuth 2 más de cerca8:45
Ahora sí veamos de forma más específica un ejemplo de todo lo que ocurre en un inicio de sesión vía redes sociales.
Preguntas frecuentes acerca de OAuth 28:01
Respondamos a 2 de las preguntas más usuales, que surgen al repasar el tema de OAuth 2.

¿Por qué decimos OAuth 2 y no 1?2:43
Veamos de forma breve cuál es la diferencia entre ambas versiones.
Configuración del entorno6:52
No necesitamos una configuración muy específica pero es importante contar con un servidor web, un motor de bases de datos y un editor de texto.
Sistema de autenticación5:13
Ejecutemos las migraciones y definamos rápidamente un login básico con correo y contraseña, gracias a Laravel.
Instalación y registro en Facebook for Devs7:58
Veamos cómo añadir Laravel Socialite a nuestro proyecto, y así mismo cómo podemos registrar nuestra aplicación como un OAuth Client en el portal para desarrolladores de Facebook.
Rutas para gestionar el login vía OAuth6:41
Definamos unas primeras rutas, para gestionar la redirección al OAuth Provider, y la respuesta tras la autorización otorgada por el Resource Owner.
Importancia de HTTPS4:15
¿Por qué es importante que un sitio tenga HTTPS? ¿Cómo conseguir HTTPS para producción y para un entorno local?
Cómo activar HTTPS de forma local12:34
Veamos cómo generar un certificado SSL localmente y cómo declarar un VirtualHost en Apache que haga uso de dicho certificado.
Autorización y callback vía Facebook2:48
Tras definir nuestras primeras rutas de autenticación vía Facebook, en esta lección recibimos información del usuario luego de su autorización.
Primer registro e inicio de sesión exitoso22:01
Llegó el momento de añadir un botón para el inicio de sesión vía Facebook, y así mismo de crear una cuenta de usuario en nuestra aplicación (en función a los datos obtenidos), para producir finalmente una autenticación exitosa.
Mostrar avatar (imagen de perfil)9:11
En esta lección agregamos columnas a nuestra tabla de usuarios para guardar adecuadamente los datos que obtenemos desde Facebook. También empezamos a mostrar el avatar del usuario que ha iniciado sesión en la parte superior de nuestra aplicación.
Íconos y botones de login adicionales9:42
En esta lección personalizamos un poco más la pantalla de inicio de nuestra aplicación, añadimos íconos, y definimos botones para el inicio de sesión vía Twitter y Google+.

Registro de app en Twitter5:28
Visitemos la página para desarrolladores de Twitter y registremos nuestra aplicación allí para que se reconozca como un OAuth client correctamente. Con esto obtendremos las credenciales que necesitamos.
Registro de app en Google+7:22
En esta lección realizamos lo mismo que en la lección anterior pero con relación al proveedor Google+.
Nuevas rutas para los nuevos proveedores11:39
En esta lección creamos un nuevo controlador, y dentro de él definimos rutas, para gestionar el inicio de sesión vía Twitter y también vía Google+.
Evitar fallo por email con valor null4:25
En la lección anterior obtuvimos un error, debido a que Twitter no nos devolvía el email como dato del usuario. En esta lección vemos cómo evitar ese error añadiendo un modificador sobre la columna correspondiente.
Evitar fallo por dominio no admitido9:06
En esta lección modificamos el formato de nuestros VirtualHosts, con la intención de que nuestra URL de callback sea admitida por Google+.
Actualizando URL de callback (Twitter y Fb)4:33
En esta lección vamos a actualizar la URL de redireccionamiento para nuestra aplicación cliente, en las páginas para desarrolladores de Facebook y Twitter. Así mismo, añadimos un enlace hacia el formulario de registro con correo, y lo traducimos al español.
Solicitando email en Twitter4:51
En esta lección registramos en Twitter unas URLs correspondientes a la Política de privacidad y Condiciones del servicio, con la intención de tener acceso al email de los usuarios.
Actualizando datos en el inicio de sesión6:42
Desde esta lección vamos a empezar a actualizar los datos del usuario en el inicio de sesión. De modo que si un dato (como su avatar o nombre) se actualiza en la red social, entonces cambiará también en la aplicación.
Detalles a tener en cuenta sobre el email13:53
En esta lección analizamos ciertos inconvenientes que podríamos encontrar con el paso del tiempo (con relación al email), y vemos distintos enfoques que podemos adoptar como solución.
Refactorización de código9:09
En esta lección nos organizamos y vemos cómo evitar código repetido.
Íconos para nuestra aplicación cliente3:44
En esta lección subimos un ícono asociado a nuestra aplicación, en los portales para desarrolladores, de Facebook, Twitter y Google+. Y con esto ya estamos listos para continuar, y empezar a desarrollar la aplicación Monitor de precios.

Mockups y planteamiento inicial5:59
Veamos qué es lo que vamos a estar desarrollando sobre nuestro proyecto de Laravel.
Gestión de ubicaciones18:19
En esta lección implementamos una sección para gestionar las ubicaciones. Esta información se usará posteriormente al cargar precios.
Gestión de ítems20:12
En esta lección implementamos la gestión de ítems, y así mismo vemos cómo implementar un filtro de búsqueda en base al nombre. También vemos cómo conservar el filtro si navegamos entre las páginas de resultados.
Middleware y Roles de usuario12:31
Veamos cómo definir y registrar un middleware nuevo en nuestra aplicación Laravel.
Dropdown: Enlaces según rol2:46
¿Cómo mostrar opciones sólo para administradores?
Cargar valores de ítems (diseño)9:11
Diseñamos el formulario y lo dejamos listo para implementar en la lección siguiente.
Cargar valores de ítems (funcionalidad)12:37
Veamos cómo registrar precios asociados a los ítems y ubicaciones, y así mismo cómo asociar ello con el usuario que está realizando el registro, de forma segura.
Relaciones entre modelos9:35
Veamos cómo asociar el modelo Price con los modelos Location, Item y User.
Monitor: Listar, paginar y filtrar ítems14:45
Ahora sí empezamos a desarrollar nuestra sección de monitorio de precios.
Monitor: Valor más bajo registrado5:22
Veamos cómo calcular el valor más bajo registrado para cada ítem en la última semana añadiendo un método al modelo Item.
Monitor: Mostrar detalles (valores cargados)11:20
Veamos cómo generar enlaces con parámetros get adjuntos, y cómo aprovechar esto para mostrar detalles de un ítem seleccionado.
Monitor: Eliminar valores cargados (admin)4:11
Veamos cómo eliminar valores cargados, y cómo permitir esto sólo a administradores.
Eliminación lógica (Items y Locations)9:47
En esta lección implementamos SoftDeletes sobre los modelos Item y Location. Sin embargo al final nos encontramos con un inconveniente en las relaciones.
Relaciones considerando SoftDeletes2:54
Veamos cómo acceder de un objeto a otro a través de una relación, incluso si el segundo ha sido eliminado de forma lógica.
Exportar detalles (generar descarga XLSX)25:45
En esta lección implementamos la descarga de información a través de un archivo Excel. También vemos cómo implementar esto de forma óptima usando Eager Loading.

Requirements

Únicamente necesitas muchas ganas de aprender

Description

Este es un curso muy puntual acerca de Laravel y OAuth 2.

La intención es que puedas conocer de cerca qué es y cómo funciona OAuth 2.

Para ello vamos a implementar un inicio de sesión vía:

Facebook,
Twitter, y
Google

Para lograr esta implementación vamos a hacer uso del paquete Laravel Socialite.

Este paquete nos permite implementar un inicio de sesión mediante múltiples servicios, además de los mencionados arriba.

Existen muchos más proveedores de OAuth 2, además de los 3 que implementamos en el curso.

Por ejemplo, el paquete soporta inicios de sesión a través de:

Steam,
Coursera,
Dailymotion,
Digital Ocean,
Reddit,
Slack,
Spotify,
Twitch,
Vimeo,
Weibo,
Youtube,
Uber,
y muchos más.

Con el curso tendrás las bases para implementar cualquiera de ellos.

De forma adicional, con este curso también aprenderás:

cómo generar reportes en formato CSV,
cómo filtrar datos en tablas y listas desplegables,
y cómo devolver resultados paginados sin perder los filtro activos.

Recuerda que al adquirir este curso:

Realizas un pago único
Pero tendrás soporte de por vida

Es decir, te apoyaré y atenderé todas tus dudas, en la sección de preguntas y respuestas del curso.

El curso no es solo hacer que "funcione el método de login vía redes sociales",

también te explica a detalle en qué consiste y cómo funciona el protocolo OAuth2,

que es un concepto muy importante, y que te será útil para cuando implementes lo mismo con cualquier otra tecnología.

Es decir, es un concepto fundamental que va más allá de Laravel y PHP.

Sin más, te espero dentro del curso.

Who this course is for:

Personas interesadas en implementar unn login con redes sociales
Desarrolladores interesados en conocer más sobre OAuth 2 como mecanismo de autorización

Laravel y OAuth 2: Login con Facebook, Twitter, Google, etc

What you'll learn

Explore related topics

Course content

OAuth 25 lectures • 33min

Laravel Socialite y login vía Facebook11 lectures • 1hr 30min

Actualización: Laravel 81 lecture • 17min

Más proveedores de OAuth 211 lectures • 1hr 21min

Monitor de precios15 lectures • 2hr 45min

Mejoras3 lectures • 39min

Requirements

Description

Who this course is for: