Platform
Implementación de inicio de sesión VK para desarrolladores en Back4App

10min
﻿
Iniciar sesión con VK (VKontakte) Tutorial
Introducción
Iniciar sesión con VK (VKontakte) permite a los usuarios iniciar sesión en aplicaciones utilizando sus cuentas de VK.
Requisitos previos
Para completar este tutorial, necesitarás:
Una aplicación creada en Back4App
Consulta el tutorial de Crear Nueva Aplicación para aprender cómo crear una aplicación en Back4App.
Configura un Subdominio para tu aplicación de Back4App
Consulta Activar tu Alojamiento Web y Consulta en Vivo para aprender cómo crear un subdominio en Back4App.
Una cuenta de VK.
1 - Crear una Nueva Aplicación en Back4App
Primero que nada, es necesario asegurarse de que tienes una aplicación existente creada en Back4App. Sin embargo, si eres un nuevo usuario, puedes consultar este tutorial para aprender cómo crear una.
2 - Crear una nueva aplicación VK
Crea una nueva Aplicación VK yendo a VK Developers y haciendo clic en el botón Crear aplicación
Complete el Título y elige la Plataforma como aplicación independiente, luego haz clic en el botón Conectar aplicación
﻿
Elige una Categoría para tu aplicación y, si es aplicable, un Tipo de tabla de clasificación y Comunidad. Haz clic en Guardar
﻿
Bajo la pestaña de Configuración de tu Aplicación VK, encontrarás tu ID de Aplicación, clave segura y token de servicio, entre otra información útil. Completa la dirección de tu sitio web y el dominio base para ello. Guárdalo.
﻿
3 - Recupera tu Código
Copia el ID de la Aplicación de tu para usar como el YOUR_CLIENT_ID y usa la dirección de tu sitio web como YOUR_REDIRECT_URI, y elige un alcance para usar en YOUR_SCOPE de las opciones disponibles.
Luego visita la siguiente URL cambiando los parámetros anteriores:
﻿https://oauth.vk.com/authorize?client_id=YOUR_CLIENT_ID&scope=YOUR_SCOPE&redirect_uri=https://localhost&response_type=token﻿
Te pedirá que inicies sesión en VK:
﻿
Alternativamente, puedes usar el siguiente comando CURL para recuperar tu token:
Curl
curl -X POST \
    -F \'client_id=YOUR_CLIENT_ID' 
    -F 'scope=YOUR_SCOPE'
    -F 'redirect_uri=YOUR_REDIRECT_URI' 
    -F 'response_type=token' 
    https://oauth.vk.com/authorize?
curl -X POST \
    -F \'client_id=YOUR_CLIENT_ID' 
    -F 'scope=YOUR_SCOPE'
    -F 'redirect_uri=YOUR_REDIRECT_URI' 
    -F 'response_type=token' 
    https://oauth.vk.com/authorize?
﻿
Ejecuta esto y deberías recuperar tu token de acceso:
﻿
RECUERDA: el código solo se puede usar una vez. Si obtienes un error o no usas tu token, debes regenerar tu código para poder ejecutarlo nuevamente.
4 - Configura tu aplicación Back4app
En tu aplicación Back4app, ve a Configuración del servidor y abre el cuadro de inicio de sesión de VKontakte
﻿
Complete su ID de aplicación y el secreto de la aplicación de VKontakte. Guárdelo.
﻿
5 - Comience el desarrollo
Ahora que la configuración de inicio de sesión con VK está configurada, puede comenzar el proceso de desarrollo.
El formato para AUTHDATA es:
JSON
   {
     "vkontakte": {
       "id": "user's vkontakte id (string)",
       "access_token": "an authorized vkontakte access token for the user"
     }
   }
   {
     "vkontakte": {
       "id": "user's vkontakte id (string)",
       "access_token": "an authorized vkontakte access token for the user"
     }
   }
﻿
Aquí está el método para el SDK de iOS:
Swift
1   PFUser.logInWithAuthType(inBackground: "vkontakte", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2    
3   }
1   PFUser.logInWithAuthType(inBackground: "vkontakte", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2    
3   }
﻿
Y aquí para el SDK de Android
Java
1   Map<string, string, bool> authData = new HashMap<string, string, bool>(); 
2   authData.put("access_token", tokenString);
3   authData.put("id", user);
4   ParseUser.logInWithInBackground("vkontakte", authData){
5
6   }
1   Map<string, string, bool> authData = new HashMap<string, string, bool>(); 
2   authData.put("access_token", tokenString);
3   authData.put("id", user);
4   ParseUser.logInWithInBackground("vkontakte", authData){
5
6   }
﻿
﻿
Implementación de inicio de sesión con Github en Back4App
Guía técnica para utilizar la Referencia de API de Parse