Platform
Sign Up With VKontakte

10min
Sign In with VK (VKontakte) Tutorial
Introduction
Sign In with VK (VKontakte) enables users to sign in to Apps using their VK accounts.
Prerequisites
To complete this tutorial, you will need:
An app created at Back4App
See the Create New App tutorial to learn how to create an app at Back4App.
Set up a Subdomain for your Back4app app
See Activating your Web Hosting and Live Query to learn how to create a subdomain in Back4App.
A VK account.
1 - Create a New Back4App App
First of all, it’s necessary to make sure that you have an existing app created at Back4App. However, if you are a new user, you can check this tutorial to learn how to create one.
2 - Create a new VK App
Create a new VK Application by going to VK Developers and clicking the Create app button﻿
﻿
Fill up the Title and choose the Platform as Standalone app, then click the Connect app button
﻿
Choose a Category for your app and, if applicable, a Type of leaderboard, and Community. Click Save﻿
﻿
Under the Settings tab of your VK Application, you will find your App ID, Secure key, and Service token among other useful info. Fill up your Website address and the Base domain for it. Save it.
﻿
3 - Retrieve your Code
Copy the App ID from your to use as the YOUR_CLIENT_ID and use your Website address as YOUR_REDIRECT_URI, and choose a scope to use in YOUR_SCOPE from the available options.
Then visit the following URL changing the parameters above:
https://oauth.vk.com/authorize?client_id=YOUR_CLIENT_ID&scope=YOUR_SCOPE&redirect_uri=https://localhost&response_type=token
It will ask you to log in to VK:
﻿
Alternatively, you can use the following CURL command to retrieve your 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?
﻿
Run it and you should retrieve your access token:
﻿
REMEMBER: the code can be used only once. If you get an error or don’t use your token, you must re-generate your Code to be able to run it again.
4 - Configure your Back4app App
In your Back4app App, go to Server Settings and open the VKontakte Login box
﻿
Fill up your Application Id and VKontakte Application Secret. Save it.
﻿
5 - Start the development
Now that the Sign-in with VK is configured, you can start the development process.
The format for AUTHDATA is:
JSON
1   {
2     "vkontakte": {
3       "id": "user's vkontakte id (string)",
4       "access_token": "an authorized vkontakte access token for the user"
5     }
6   }
1   {
2     "vkontakte": {
3       "id": "user's vkontakte id (string)",
4       "access_token": "an authorized vkontakte access token for the user"
5     }
6   }
﻿
Here is the method for the iOS SDK:
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   }
﻿
And here for the Android SDK
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   }
﻿
﻿
Updated 28 Mar 2024
Did this page help you?
API Reference