Vkontakte Single Sign-on Integration with Drupal OAuth/OpenID Client | Vkontakte SSO Login

Vkontakte Single Sign-on Integration with Drupal OAuth/OpenID Client | Vkontakte SSO Login


Drupal Vkontakte 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, and Drupal 9.
Here we will go through a guide to configure the SSO login between Drupal and Vkontakte. By following these steps, users of Vkontakte will be able to log into the Drupal site using their Vkontakte credentials.
If you have any queries or if you need any sort of assistance in configuring the module, you can contact us at drupalsupport@xecurify.com. If you want, we can also schedule an online meeting to help you configure the Drupal

Features and Pricing

Know more about Drupal OAuth/OpenID Single Sign On from here.

Pre-requisites: Download

You can download the Drupal OAuth/OpenID Single Sign On module from here.

1. Setup Drupal as OAuth Client

  • Login in your Drupal site’s admin console and click on Extend from the top navigation bar.
  • Select the Install new module option to install a new module on your Drupal site.
  • Drupal OAuth & OpenID Connect - Click on Install new module
  • Upload the downloaded zip file of the Module and click on the Install button to continue.
  • Drupal OAuth & OpenID Connect - Click on Upload
  • Select Enable newly added modules.
  • Drupal OAuth & OpenID Connect - Click Enable newly added modules
  • Scroll down till you find miniOrange OAuth Client. Click on the checkbox next to it and click on the Install button to enable the module.
  • Drupal OAuth & OpenID Connect - Scroll down to find miniOrange OAuth Client and enable the module
  • Click on Configuration from the top navigation bar and Select Drupal OAuth Client Configuration.
  • Drupal OAuth & OpenID Connect - Click on Configuration and select Drupal OAuth Client Configuration
  • In the Configure OAuth tab, select OAuth Provider from the Select Application dropdown.
  • Drupal OAuth & OpenID Connect - In Configure OAuth tab , Select OAuth provider from Select Application dropdown

    Note: In case you do not find your OAuth Provider listed in the dropdown, please select Custom OAuth Provider and continue.


  • Copy the Callback URL from the Callback / Redirect URL text field and keep it handy.
  • Drupal OAuth & OpenID Connect - In Configure OAuth tab, Copy the callback URL from Callback/Redirect URL

    Please note: A few of the popular service providers like Azure AD, Azure B2C, Facebook etc. support only HTTPS Callback URL (However, HTTP URL will work in the case of localhost). So, currently, if your site is HTTP, you can change it to HTTPS by following the steps listed down below :

  • Go to the Sign In Settings tab.
  • In the Base /Site URL text field, enter your Drupal site’s base/root URL with HTTPS ( For eg. if your site is http://abc.com, you will need to save this value: https://abc.com ).
  • Click on the Update button.
  • Drupal OAuth & OpenID Connect - base url

2. Configure SSO 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.
  • Vkontakte sso integration -  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.
  • Vkontakte sso integration - connect app
  • You will be asked for a verification code that will be sent on the Mobile number registered with VKontakte.
  • Vkontakte sso integration - confirm action
  • After Successful verification, you will be brought to Application Management page. Go to Settings tab.

3. 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.
  • Vkontakte sso integration - To get secyre key and secure token and enter authorized redirect url
  • In Drupal’s Configure OAuth tab and paste the copied Secure key ( Client ID ) and Secure token ( Client Secret ) (copied from the Vkontakte Portal) in the Client ID and Client Secret text-field.
  • Vkontakte sso integration - Client Credentials
  • You have successfully completed your Vkontakte App OAuth Server side configurations.
  • Client ID : from the step above
    Client Secret : from the step above
    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=

4. Test Configuration of Drupal with Vkontakte

  • After successfully saving the configurations, please click on the Test Configuration button to test the connection between Drupal and Vkontakte.
  • Vkontakte sso login with drupal OAuth OpenID Single Single On test Configuration
  • This Test Configuration window will provide you with a list of the attributes that are 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.
  • Vkontakte sso login with drupal OAuth OpenID Single Single On test Configuration successfully
  • Now, in the Attribute & Role Mapping tab, you can also choose the Username Attribute from the dropdown and click on the Save Configuration button.
  • Vkontakte sso login with drupal OAuth OpenID Single Single On test Configuration successfully

    Please note: Mapping the Email Attribute is mandatory for your login to work.

  • 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 :
  • Vkontakte sso login with drupal OAuth OpenID Single Single On test Configuration successfully

24*7 Active Support

If you face any issues or if you have any questions, please feel free to reach out to us at drupalsupport@xecurify.com. In case you want some additional features to be included in the module, please get in touch with us, and we can get that custom-made for you. Also, If you want, we can also schedule an online meeting to help you configure the Drupal OAuth/OpenID Single Sign On module.

Additional Resources

Our Other modules

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com