Skip to main content

Cómo Configurar La Autorización A Través De Vkontakte: Guía Paso A Paso

VK (VK) es una de las redes sociales m s populares en Rusia y los pa ses de la CEI. Muchos servicios web y aplicaciones ofrecen la posibilidad de iniciar sesi n a trav s de Vkontakte para que los usuarios puedan iniciar sesi n en el sitio o en la aplicaci n utilizando sus credenciales de Vkontakte. Esto es conveniente y le permite reducir el tiempo de Inicio de sesi n, ya que el usuario no necesita recordar un nuevo nombre de usuario y contrase a.

Configurar la autorizaci n a trav s de Vkontakte es bastante simple y requiere solo unos pocos pasos. En esta gu a, veremos en detalle cada paso de la configuraci n y le mostraremos c mo agregar la capacidad de iniciar sesi n a trav s de Vkontakte en su sitio web o aplicaci n.

El primer paso ser crear una aplicaci n Vkontakte y obtener las claves de acceso necesarias. Luego configuraremos la autorizaci n en el servidor y agregaremos el c digo a la p gina web o al c digo fuente de la aplicaci n. Finalmente, verificaremos el funcionamiento de la autorizaci n y le mostraremos c mo obtener la informaci n del usuario y usarla en su proyecto.

Por lo tanto, si desea agregar a su sitio web o aplicaci n la capacidad de iniciar sesi n a trav s de Vkontakte, siga esta gu a y en unos pocos pasos puede configurar la autorizaci n a trav s de Vkontakte y proporcionar a los usuarios una oportunidad conveniente y r pida de iniciar sesi n en su recurso.

  1. C mo configurar la autorizaci n a trav s de Vkontakte:
  2. Crear una aplicaci n en Vkontakte
  3. Obtener la clave de acceso de Vkontakte
  4. Instalaci n de la biblioteca VK SDK
  5. Configuraci n del lado del cliente de la aplicaci n

C mo configurar la autorizaci n a trav s de Vkontakte:

  1. Obtenga acceso a la plataforma de desarrolladores de Vkontakte creando una nueva aplicaci n. Para ello, vaya a la p gina web https://vk.com/dev, inicie sesi n con su cuenta y haga clic en el bot n "Crear aplicaci n". Complete la informaci n requerida sobre la aplicaci n, d le un nombre y seleccione el tipo de autorizaci n (en este caso, "sitio Web").
  2. Al crear una aplicaci n, se le asignar un id de aplicaci n (API ID). Anote esta identificaci n, la necesitar en los siguientes pasos.
  3. Abra el archivo de autorizaci n de su sitio web o aplicaci n y agregue el bot n Vkontakte a la p gina. Para hacer esto, pegue el siguiente c digo en la ubicaci n correcta de su c digo:

  1. En este c digo, debe reemplazar " SU_API_ID "con su id de aplicaci n y" url_redirect " con la direcci n de la p gina a la que el usuario ser redirigido despu s de la autorizaci n.
  2. Agregue un controlador para recibir y procesar los datos que se devolver n despu s de la autorizaci n a trav s de Vkontakte. Para hacer esto, deber escribir c digo en el lado del servidor de su sitio web o aplicaci n.

Acceda a los datos del usuario a trav s de la API de Vkontakte utilizando el token de acceso resultante.

Siguiendo estos pasos, puede configurar la autorizaci n a trav s de Vkontakte en su sitio web o aplicaci n y acceder a los datos del usuario.

Crear una aplicaci n en Vkontakte

Para comenzar a configurar la autorizaci n a trav s de Vkontakte, debe crear una aplicaci n en la plataforma de desarrolladores de Vkontakte.

Inicie sesi n en su cuenta de Vkontakte y vaya a la p gina para desarrolladores. En esta p gina, haga clic en" Mis aplicaciones " en el men superior.

A continuaci n, haga clic en el bot n "Crear aplicaci n" en la parte superior derecha de la p gina.

En la ventana que aparece, escriba el nombre de su aplicaci n, seleccione su plataforma de desarrollo y haga clic en el bot n "Conectar aplicaci n".

Despu s de eso, ser redirigido a la p gina de configuraci n de su aplicaci n. Necesitar recordar dos par metros: ID de aplicaci n y clave segura. Se usar n para configurar la autorizaci n.

Ahora tienes la aplicaci n Vkontakte! Ahora puede comenzar a configurar la autorizaci n a trav s de Vkontakte en su sitio web o aplicaci n.

Obtener la clave de acceso de Vkontakte

  1. Para configurar la autorizaci n a trav s de Vkontakte en su sitio web, debe obtener la clave de acceso (token de acceso) de la API de Vkontakte. Esta clave permitir que su sitio interact e con los datos del usuario en Vkontakte, de acuerdo con los permisos que el usuario otorgar .
  2. Vaya al sitio de desarrolladores de Vkontakte (https://vk.com/dev) e inicie sesi n en su cuenta.
  3. Cree una nueva aplicaci n yendo a la secci n "Mis aplicaciones" y haciendo clic en el bot n "Crear aplicaci n". Complete la informaci n requerida sobre la aplicaci n, como el nombre, el tipo y la direcci n del sitio.
  4. Despu s de crear la aplicaci n, se le proporcionar un id de aplicaci n (App ID) y una clave segura (Secure Key). Anote estos datos, ya que los necesitar para configurar a n m s la autorizaci n.

    5. A continuaci n, debe obtener la clave de acceso. , YOUR_APP_ID :

    https://oauth.vk.com/authorize?client_id=YOUR_APP_ID&display=page&redirect_uri=https://oauth.vk.com/blank.html&scope=friends&response_type=token&v=5.131

  5. YOUR_APP_ID .
  6. Se abrir la ventana de autorizaci n de Vkontakte con una solicitud de acceso a ciertos permisos. Seleccione los permisos necesarios que su aplicaci n solicitar a los usuarios. Por ejemplo, puede solicitar acceso a la lista de amigos (permiso de amigos) para que su aplicaci n pueda Mostrar a los amigos de un usuario. Despu s de seleccionar los permisos, haga clic en el bot n "Permitir".

Una vez que el usuario lo haya autorizado, su aplicaci n ser redirigida a la direcci n de redirecci n que especifique (redirect_uri). En la barra de direcciones, ver el token de acceso (access_token), que se puede usar para interactuar con la API de Vkontakte. Anote este token, ya que lo necesitar para trabajar m s con la API.

La clave de acceso recibida (access token) ser v lida durante un per odo de tiempo determinado. Para extender la validez de la clave, es posible que deba seguir el procedimiento para obtener la clave de acceso nuevamente.

Instalaci n de la biblioteca VK SDK

  1. Los siguientes son los pasos b sicos para instalar VK SDK:
  2. Abra un terminal (o s mbolo del sistema) en su computadora.
  3. Vaya al directorio del proyecto donde desea utilizar el SDK de VK.
  4. Ejecute el comando pip install VK-sdk para instalar la biblioteca. Esta herramienta se instala con el administrador de paquetes pip, as que aseg rese de que est instalada en su computadora.

Espere a que se complete la instalaci n y verifique que la biblioteca se haya instalado correctamente ejecutando el comando VK version en el terminal. Si todo fue exitoso, deber a ver la versi n de la biblioteca instalada.

Despu s de instalar el SDK de VK, est listo para comenzar a configurar la autorizaci n a trav s de Vkontakte en su proyecto. Contin e leyendo para obtener m s instrucciones.

Configuraci n del lado del cliente de la aplicaci n

1. Cree un nuevo proyecto en IDE (Integrated Development Environment) o abra uno existente.

2. Conecte la biblioteca De JavaScript de la API VK pegando el siguiente c digo en la secci n de su documento HTML:

3. Cree un bot n o enlace para la autorizaci n a trav s de Vkontakte. Configure el controlador de eventos al hacer clic en este bot n o enlace:

authInfo()

, que se llamar  despu s de la autorizaci n exitosa del usuario a trav s de Vkontakte:

// obtenci n de datos de usuario despu s de una autorizaci n exitosa

console.log(data.response);

});

Read also