Inicie sesión a través de las redes sociales. Iniciar sesión usando las redes sociales

Muchos sitios web y aplicaciones requieren que los usuarios se registren. A veces ofrecen una opción: registrarse o iniciar sesión utilizando una de las redes sociales. Esto es conveniente para los usuarios: no es necesario completar formularios de registro cada vez, simplemente haga clic en el botón de inicio de sesión y confirme el acceso.

¿Cómo funciona el inicio de sesión social?

Es muy sencillo: simplemente seleccione la “red social” a través de la cual desea registrarse, haga clic en el botón correspondiente y luego confirme el permiso para acceder a sus datos personales. Muy a menudo, el sitio o la aplicación ofrece varias redes sociales para elegir. Después de eso, todos los datos necesarios se enviarán al sitio y los campos del formulario de registro se completarán automáticamente.

En este caso, el sitio no “reconoce” la contraseña de su cuenta de red social.

Cabe señalar que en este caso el sitio no "aprende" la contraseña de su cuenta de red social; solo se transmite la información del perfil necesaria para el registro. Si el sitio le parece sospechoso y no desea darle acceso a sus datos, simplemente seleccione el registro regular.

nota

A veces, las aplicaciones y los sitios solicitan permiso no sólo para iniciar sesión desde las redes sociales, sino también para acceder a su lista de amigos o publicar en su nombre en el feed de eventos. En tales casos, a menudo puedes elegir qué acciones permites y cuáles bloqueas. Si un día cambias de opinión y decides que has permitido demasiado en un sitio, siempre puedes bloquear el acceso a los datos de la red social en la configuración de ese sitio o aplicación.

Muchas organizaciones y fabricantes están intentando involucrarse lo más posible en la vida de los usuarios, y las redes sociales son una de las formas.

En general, esta es una forma conveniente de ahorrar tiempo y no tener que volver a ingresar todos sus datos, lo que puede ser mucho para el registro. Al mismo tiempo, algunos sitios permiten no solo completar su cuenta, sino también actuar en consecuencia, por ejemplo, en los comentarios, y al mismo tiempo etiquetar las publicaciones de este sitio en su página de red social. A menudo, dicha autorización social es utilizada por aplicaciones y sitios deportivos, donde, después de la autorización, puede encontrar amigos, seguir sus éxitos deportivos, compartir logros con ellos y competir. Muchas organizaciones y fabricantes están intentando involucrarse lo más posible en la vida de los usuarios, y las redes sociales son una de las formas.

Técnicamente, esta es una solución muy común, pero siempre debes confiar sólo en sitios confiables y prestar atención a las advertencias e instrucciones al iniciar sesión.

Basado en materiales del servicio de soporte del Agente Mail.Ru

En este manual, veremos cómo configurar la autorización a través de las siguientes redes sociales:

Si desea crear su propia aplicación de autenticación de usuario, siga las instrucciones a continuación. Al solicitar permiso de autorización, esto le permitirá mostrar su logotipo y el nombre del sitio en lugar de los valores predeterminados:

En contacto con

Haga clic en el botón "Crear aplicación". Se abrirá la página de inicio de sesión de la cuenta VKontakte:

Indique un nombre para la aplicación y haga clic en el botón "Crear". En la nueva página, proporcione información detallada sobre la aplicación. Se mostrará cuando los usuarios se registren (soliciten permisos):

Después de guardar los cambios, vaya a la configuración de la aplicación y copie el "ID de la aplicación" y la "Clave segura":

Especifique los valores copiados en el panel de control del sitio y haga clic en el botón "Guardar":

Ahora regrese a la configuración de la aplicación en el sitio web de VKontakte y complete los datos:

• "API abierta" - habilitada;
• “Dirección del sitio” y “Dominio base”: su dominio adjunto.

La aplicación está lista para usar. Inicie sesión utilizando la red social VKontakte y compruebe cómo se muestran los datos especificados en la aplicación.

Facebook

Haga clic en el botón "Crear una aplicación" y en la página que se abre, inicie sesión en su cuenta personal en la red social Facebook.

Luego haga clic en el botón “Registrarse”:

Para registrarse, deberá confirmar su cuenta ingresando su número de teléfono:

Complete el formulario de solicitud y haga clic en el botón "Crear ID de solicitud":

Copie el "ID de la aplicación" y el "Secreto de la aplicación". Deben especificarse en el panel de control del sitio en los campos "ID de cliente" y "Secreto de cliente", respectivamente:

Desde el panel de control, copie “URI de redireccionamiento”:

Ahora en el sitio web de desarrolladores de Facebook, seleccione "Configuración" en el menú de la izquierda y en la página que se abre, vaya a la pestaña "Avanzado":

En la página, busque "URL de redireccionamiento de OAuth válidas" y pegue la URL que obtuvo anteriormente en el campo:

yandex

Haga clic en el botón "Crear una aplicación" y en la página que se abre, inicie sesión en su cuenta personal de Yandex. Después de la autorización, complete el nuevo formulario de solicitud:

Establezca los siguientes permisos para la aplicación:

• Acceso a la fecha de nacimiento;
• Acceso a la dirección de correo electrónico;
• Acceso al inicio de sesión, nombre y apellido, sexo.

Copie el "URI de devolución de llamada" del panel de control del sitio, especifíquelo en el campo "URL de devolución de llamada" de la aplicación y haga clic en el botón "Guardar":

Copie el ID y la contraseña de la aplicación:

Ingrese esta información en el panel de control del sitio:

La aplicación está lista para usar.

Google+

Haga clic en el botón "Crear una aplicación" y en la página que se abre, inicie sesión en su cuenta personal de la red social Google+.

En la página que se abre, seleccione "API de Google+":

Para habilitar la API, necesita crear un proyecto. Haga clic en el botón "Crear proyecto":

Complete el formulario del proyecto, acepte los términos de uso y luego haga clic en el botón “Crear”:

Ahora puedes habilitar la API:

Y comienza a crear la aplicación:

La creación de una aplicación consta de cuatro pasos:

1. Seleccione el tipo de credenciales:

2. Cree una ID de cliente OAuth 2.0, especifique la dirección de dominio y el URI de redireccionamiento permitido (copiado del panel de control):

3. Complete la información sobre la aplicación; se le mostrará al usuario durante el registro:

4. Haga clic en "Finalizar":

Nuestra aplicación está lista para funcionar. Vayamos a su página. Para hacer esto, haga clic en "Credenciales" en la columna de la izquierda y seleccione una aplicación de la lista:

Copie el ID del cliente y el secreto para indicarlos en el panel de control del sitio:

Gorjeo

Haga clic en el botón "Crear una aplicación" y en la página que se abre, inicie sesión en su cuenta personal en la red social Twitter. Para crear una solicitud, deberá ingresar y confirmar su número de teléfono (

Hablé sobre el hecho de que el sitio debe ser lo más conveniente posible para los usuarios, también mencioné que es necesario facilitar el acceso de las personas al sitio, permitiéndoles iniciar sesión a través de las redes sociales. Como prometí, hoy he preparado un manual para usted, con el que podrá aprender fácilmente cómo adjuntar esta función a sus sitios.

Hoy aprenderá cómo iniciar sesión en un sitio web a través de servicios tan populares como Vkontakte, Facebook y Tweeter. Añade autorización a través de estas redes sociales. Estaremos en línea utilizando servicios especiales: Loginza y su análogo uLogin. Te lo mostraré con el ejemplo de un sitio de WordPress; puedes ver cómo se ve en mi blog de prueba.

Autorización a través de redes sociales mediante uLogin

El servicio es accesible y comprensible incluso para el usuario medio de Internet. Admite todos los sistemas de gestión de contenidos conocidos y muchas redes sociales (incluidos Odnoklassniki, correo y Google +). Para configurar la autorización, vaya al servicio, seleccione la plataforma deseada (en este caso, Wordpress) y haga clic en "enlace a la página del complemento":

Se nos pedirá que descarguemos el complemento a nuestra computadora, seleccionemos la carpeta donde queremos guardar el archivo y lo descarguemos. Luego descomprimimos el archivo en cualquier carpeta del disco y usando cualquier administrador de archivos (yo, por ejemplo, uso Total Commander) subimos la carpeta al sitio web en el directorio wp-content/plugins.

Ahora solo queda activar el complemento en el panel de administración. Vaya al panel de administración, sección de complementos, frente a "uLogin", haga clic en "activar". ¡Todo! Ahora en nuestro sitio WordPress es posible iniciar sesión y comentar a través de las redes sociales más famosas:

Si va a la sección "complementos" en el panel de administración, podrá ver el subelemento uLogin, que es responsable de configurar el formulario:

En la página de configuración puede cambiar la visualización de las redes sociales. redes en el panel del formulario, menú de servicio, campos solicitados, campos adicionales y texto de inicio de sesión:

No toqué nada aquí, pero según tengo entendido, todos los cambios deben realizarse en inglés. En principio, puedes jugar con estos parámetros, pero el complemento ya funciona perfectamente. Si desea adjuntar autorización a sitios en otras plataformas, cada archivo contiene un archivo Léame, que describe paso a paso la instalación del complemento para CMS específicos.

Como ves, no hay nada complicado y toda la instalación sólo te llevará un par de minutos.

<? php eco ulogin_panel(); ?>

Configuración de autorización a través de redes sociales utilizando el servicio Loginza

Este servicio también está integrado con las redes sociales más populares. redes, y también tiene una configuración flexible de la ventana de autorización. Primero, vaya al servicio e inicie sesión. Esto se puede hacer utilizando cualquier red social. Después de iniciar sesión, accederá a la página de su cuenta, donde se configurará el formulario:

Vaya a la sección "mi widget de Loginza" y agregue el sitio deseado:

Para trabajar con el sitio, debe confirmar sus derechos sobre el mismo. Hacemos clic en el botón "Confirmar derechos", se nos pedirá que insertemos una etiqueta especial en la página principal:

Después de confirmar los derechos, podemos personalizar la ventana de forma segura como queramos:

Su ID personal y clave secreta se encuentran en la página "Configuración"; son necesarios para configurar el widget después de instalarlo en el sitio:

En la página Apariencia, puede personalizar la apariencia de la ventana usando el archivo style.css. Si comprende este archivo, puede experimentar; si no, es mejor dejar todo sin cambios. En la pestaña “Ver” puedes ver el resultado de tu trabajo:

La sección "Estadísticas" muestra el número de usuarios autorizados que utilizan este widget:

El código HTML para este formulario se encuentra en la pestaña "Código HTML".

Seleccione "Complemento de WordPress" y descárguelo a su computadora. Usando cualquier administrador de archivos, agregue el complemento al directorio wp-content/plugins. Activamos el plugin, y en el panel de administración tendremos un apartado de “Loginza”, entra en él.

Algunos usuarios lamentan que nadie haya inventado todavía las redes sociales sin registrarse. Este tipo de proyectos tendrían muchas ventajas, pero también muchas desventajas. Y lo más importante, nadie podría mantener su propia página. Es por ello que nadie los crea, pero si es necesario, puedes utilizarlos sin registrarte.

Puede utilizar cualquier red similar. Por supuesto, la funcionalidad será limitada, pero es fácil encontrar a una persona, comprobar cuándo estuvo en línea o ver un vídeo. Esto no requiere programas ni extensiones de navegador; se proporciona acceso abierto a todos.

¿Cómo iniciar sesión en VKontakte u Odnoklassniki sin registrarse?

Si la tarea principal es cambiar a lo social. red sin registrarse: esta es una búsqueda de personas, es mucho más fácil utilizar un servicio especial de Yandex. Siga el enlace yandex.ru/people y accederá a una búsqueda especial de personas. Simplemente ingrese su nombre y apellido para obtener la lista:

Para que la búsqueda sea más precisa, puede ingresar datos adicionales y seleccionar redes sociales específicas. En Odnoklassniki y en muchas otras redes sociales, las páginas no están ocultas para los usuarios no registrados, así que abra cualquier perfil:

Del mismo modo, puedes buscar en cualquier otra red social. redes. Al utilizar VKontakte, no es necesario cambiar a Yandex.People. Allí, la búsqueda de usuarios está abierta a todos. Ingrese vk.com/search en la barra de direcciones y se abrirá la página que necesita:

En la línea principal puede especificar su nombre y apellido, y puede ingresar datos adicionales a través del panel lateral:

Algunas personas tienen páginas ocultas al acceso público, pero la mayoría de las veces son públicas. Por lo tanto, puede ver fácilmente fotos, videos, publicaciones en el muro, estados y mucho más.

Odnoklassniki sin registro

Simplemente vaya a este sitio y en la página principal verá publicaciones y videos populares:

Sin registrarse, puede ir a cualquier comunidad y ver publicaciones. Cuando intentes escribir un comentario o unirte a un grupo, accederás a una página de inicio de sesión.

Visita las redes sociales, a pesar de las funciones limitadas, aún podrás ver perfiles y casi todo el contenido. Si esto no es suficiente para usted, pero no desea utilizar su perfil, entonces la mejor opción es crear una página adicional. ¿No tienes un número de teléfono gratuito? Compre una cuenta ya preparada en Buyaccs.com. Esta tienda online vende perfiles de casi todas las redes sociales. redes:

El costo depende de qué tan llena esté la cuenta y cuántos amigos tenga. Puedes pagar por cualquier medio, desde tarjetas bancarias, dinero electrónico e incluso transferencia desde el saldo de tu teléfono (vía Robokassa). Gastando un poco de dinero, obtendrás un perfil y podrás utilizar las redes sociales sin necesidad de registrarte.

Sitios como VKontakte, Odnoklassniki, Facebook y Twitter se utilizan para diversos fines, pero no debemos olvidar que todos son aptos para el trabajo remoto. Descúbrelos y utilízalos siguiendo sencillos pasos, podrás conseguir fácilmente un poco de dinero para comprar cuentas o pagar comunicaciones móviles.

Hay información específica útil sobre la implementación técnica.

Y en resumen...

Para la autorización y el registro se utiliza la misma tabla de “usuarios”. Junto con el registro y autorización normal, cuando durante el registro (en su forma más simple) el correo electrónico, la contraseña y el login del usuario se agregan a la tabla “usuarios”, y durante la autorización se verifica la correspondencia del login y contraseña ingresados ​​con los existentes en la base de datos. comprobado, se utiliza de manera similar y el registro/autorización a través de redes sociales. Sólo que en este caso la fuente de datos sobre el usuario para su registro no es el usuario directo que introduce los datos en el formulario, sino la red social. neto. El registro en este caso es bastante transparente, es decir. no visible para el usuario. El esquema es aproximadamente el siguiente (sin las peculiaridades del protocolo Oauth):

1) El usuario selecciona iniciar sesión a través de las redes sociales. neto.
2) Hay una llamada a la página de autorización en esta red social. red, si la persona aún no ha iniciado sesión allí. Luego de ingresar los datos, y si previamente fue autorizado, se solicita permiso para utilizar sus datos.
3) Si una persona se niega, entonces se acabó. Si acepta, se le redirige a la página del sitio especificada en la configuración de Oauth.
4) Cada usuario en las redes sociales. Las redes tienen su propio identificador único que se puede solicitar. Para su tabla "usuarios", debe agregar un par de campos adicionales (por ejemplo, como estos): auth_via (enum("native, "vk", "mailru", "...")) - para indicar el tipo de registro de usuario y social_id: aquí se almacenará un identificador único en la red social. Si necesita almacenar algunos datos específicos de este usuario de las redes sociales, puede crear campos adicionales para estos datos.
5) Una vez que el usuario ha dado permiso para utilizar sus datos, es necesario solicitar los datos necesarios a la red social. redes, incl. e identificación de usuario en redes sociales. redes. Aquí es donde comienza el proceso de registro invisible. Debe verificar si hay un usuario con este social_id en la base de datos; de lo contrario, inserte el social_id, los datos del usuario de la red social. redes, si es necesario, en la base de datos. Eso es todo, el usuario está registrado.
Si hay datos sobre el usuario, entonces debe solicitar datos actuales de las redes sociales. red, compáralos con los de la base de datos y si han cambiado, actualízalos en tu base de datos; si no, simplemente pasa al siguiente paso.
6) Se crea una sesión con datos del usuario.

Así, a la tabla existente de registro “nativo” de usuarios del sitio se suma, relativamente hablando, una tabla con los campos necesarios para el registro/autorización a través de las redes sociales. redes., y no interfieren entre sí.

Para un usuario registrado desde las redes sociales. Naturalmente, no hay contraseña de red ni inicio de sesión. Son necesarios para la autorización. Y porqué El usuario inicia sesión utilizando su nombre de usuario y contraseña social. red, entonces no hay nada que indicar aquí. Y aún así, durante la autorización, puede agregar una condición a la solicitud de verificación de inicio de sesión y contraseña.

"Y DONDE `auth_via`="nativo""

Excluir a los usuarios registrados en las redes sociales. redes.

Como puede ver, se crea una clave primaria interna (intrasitio, por así decirlo) de incremento automático para cada usuario de la tabla. En consecuencia, no existe diferencia en la lógica del sitio entre un usuario registrado a través de las redes sociales. red y a través del sitio web. Si hablamos de una tienda online, para vincular pedidos a un usuario, puede utilizar una única identificación interna.