Setup Vkontakte Single Sign-on with Drupal OAuth Client

Overview

Drupal miniOrange SSO integration will allow you to configure Single Sign-On ( SSO ) login between your Drupal site and Vkontakte using OAuth/OpenID protocol. Drupal OAuth 2.0/OpenID connect module gives the ability to enable login using OAuth 2.0/OIDC Single Sign-On to Drupal Site. We provide the Drupal OAuth/OpenID Client module for Drupal 7, Drupal 8, Drupal 9, Drupal 10, and Drupal 11.

Playground Schedule a Meeting

Installation Steps

Configuration Steps

Setup Drupal as OAuth Client

• After installing the module, navigate to the Configuration -> miniOrange OAuth Client Configuration -> Configure OAuth tab and select Custom OAuth 2.0 Provider from the Select Application dropdown list.
• Copy the Callback/Redirect URL and keep it handy.

Note: If your provider only supports HTTPS Callback/Redirect URLs and you have an HTTP site, please make sure to enable the 'Enforce HTTPS Callback URL' checkbox at the bottom of the tab.

• Enter the application name in the Display Name text field. For example, Vkontakte.

Create Application in Vkontakte

• First of all, go to https://vk.com/apps?act=manage and log into your VKontakte account.
• You will be presented with following screen. Click on Create application.

• You will be shown a form where you have to enter Title ( Application Name ) and Select Platform type as Website and fill other details as required. Now click on Connect Site.

• You will recive a call on the Mobile number registered with VKontakte. Enter the last four digits of the phone number from which you recived the call.

• After Successful verification, you will be brought to Application Management page. Go to Settings tab.

Integrating Drupal with Vkontakte

• Vkontakte assigns a unique Application ID to your application. Copy the Secure key ( Client ID ) and Secure token ( Client Secret ) key and keep it handy.

• On the same page, you will find a field for Authorized redirect URI ( Callback / Redirect URL ) from miniOrange OAuth Client module and click on Save button to save your configuration.

• In Drupal’s Configure OAuth tab and paste the copied Client ID and Client Secret (copied from the Vkontakte) in the Client ID and Client Secret text-field.

• Vkontakte App Endpoints:

Scope:	openid
Authorize Endpoint:	https://oauth.vk.com/authorize
Access Token Endpoint:	https://oauth.vk.com/access_token
Get User Info Endpoint:	https://api.vk.com/method/users.get?fields=id,name,email,age_range,first_name,gender,last_name,link&access_token=

Test Configuration of Drupal with Vkontakte

• After successfully saving the configurations, click on the Perform Test Configuration button to test the connection between Drupal and Vkontakte.

• On a Test Configuration popup, if you don't have an active session in the same browser, you will be asked to sign in to Vkontakte. After successfully logging into Vkontakte, you will be provided with a list of attribute that's coming from the Vkontakte.
• Select the Email Attribute from the dropdown menu in which the user's email ID is obtained and click on the Done button.

• After clicking on Done button, you will be redirected to the Attribute & Role Mapping tab, in which you can select the Username Attribute from the dropdown list and click on Save Configuration button.

• Now log out and go to your Drupal site’s login page. You will automatically find a Login with Vkontakte link there. If you want to add the SSO link to other pages as well, please follow the steps given in the image below :

Need Assistance?

If you face any issues during the configuration or if you want some additional features, please contact us at drupalsupport@xecurify.com.

Additional Features:

• Attribute Mapping - map user's attributes received from OAuth Provider with Drupal fields
• Role mapping - assign a Drupal Role to users on the basis of their role/attribute on the OAuth provider
• Enable single logout - Logout user from the OAuth Provider (i.e. AWS Cognito, Azure AD B2C, Keycloak, Okta) when they logs out form Drupal
• Restrict anonymous access to the complete site or a particular section of the site
• Add Multiple OAuth Provides
• Explore All the features offered by the OAuth Client

Troubleshooting:

More FAQs ➔

Getting error: 'Username not received. Check your Attribute Mapping configuration.' OR Getting Error: 'Email not received. Check your Attribute Mapping configuration.'

Follow the steps mentioned HERE

I am getting "Client Credentials were not found in the headers or body"
when I try to perform test configuration

Follow the steps mentioned HERE

After I click on the logout in Drupal, it sends me back to the Drupal homepage. However, when I try to login with other user, it doesn't ask me to login but automatically logs me in with same user

The logout functionality you've mentioned here is the default behavior of a module. It's logging you out of Drupal but not from your Application/Provider. To allow the module to logout from your provider/application account (what you are looking for), you need to make the below configurations: [know more]

I purchased the paid Drupal module and replaced it with the free module, but still I am not able to use paid features.

As you have upgraded to one of our paid versions of the Drupal module and replaced the free module with the paid one, you must first activate the paid module. Please refer to the below steps. [Know more]

24/7 Support

The Drupal developers at miniOrange offer quick and active support for your queries. We can assist you from choosing the best solution for your use case.

 Contact us

Case Studies

miniOrange has successfully catered to the use cases of 400+ trusted customers with its highly flexible/customizable Drupal solutions.

 Read more

Other Solutions

Feel free to explore other Drupal solutions that we offer the popular solutions used by our trusted customers include 2FA, User Provisioning, Website Security.

 Know More

[MO_CONTACT_US]