Configure VKontakte Single Sign-On (SSO) with Joomla OAuth Client Plugin
Overview
Integrating Vkontakte Single Sign-on (Vkontakte SSO) with Joomla using the OAuth 2.0 protocol is straightforward
with the miniOrange Joomla OAuth/OpenID Connect Single Sign-on (SSO) plugin. This plugin allows you to easily set up
Vkontakte SSO for Joomla, enabling secure logins. As a result, users can access Joomla by authenticating with their
Vkontakte OAuth Provider credentials.
To learn more about the features and pricing plans available for the Joomla OAuth Single Sign-on (OAuth & OpenID
Connect) plugin, please visit our Joomla OAuth Client Plugin page.
Configuration Steps
In this configuration, VKontakte functions as the OAuth server, while Joomla allows users to log in with their VKontakte credentials by utilizing the Joomla OAuth Client Plugin.
Step 1: Install Joomla OAuth Client Plugin
- Login into your Joomla site’s Administrator console.
- From left toggle menu, click on System, then under Install section click on Extensions.
- Now click on Or Browse for file button to locate and install the plugin file downloaded earlier.
- Installation of plugin is successful. Now click on Get Started!
- Under Configure OAuth -> Pre-Configured Apps tab, select your OAuth Provider. You can also search for custom OAuth or custom OpenID application in the search bar, and configure your own custom provider.
- After selecting your OAuth provider, you will be redirected to the Step 1 [Redirect URL] tab. Now copy the Callback/Redirect URL which we will use to configure VKontakte as OAuth Server, then click on the Save & Next button.
Step 2: Configure VKontakte as OAuth Server
- 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 Application Name and Type. Select Platform as Website and fill other details as required. Now click on Connect Site.
- You will be asked for a verification code that will be sent on the phone number registered with VKontakte.
- After Successful verification, you will be brought to Information page, then verify the URL. Click on Save.
- Go to Settings tab and paste the copied URL in the Authorized Redirect URL textfield then Click on Save.
Step 3: Configure Client ID & Secret
- Under the Settings tab copy Secure Key and Secure Token. These are your Client ID and Client Secret, respectively.
- Go back to your Joomla Dashboard. Then go to Step 2 [Client ID & Secret].
- Paste the Client ID, Client Secret and Domain. Also Set Client Credentials In header then click on Save Settings. Once Settings are saved then click on Save Configuration.
- Scope & Endpoints are given below, which are required for configuring Joomla as OAuth Client plugin to configure VKontakte as a custom OAuth or OIDC provider.
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= |
Set Client Credentials | In Both (In Header and In Body) |
Step 4: Configure Attribute Mapping
- User Attribute Mapping is mandatory for enabling users to successfully login into Joomla. We will be setting up user profile attributes for Joomla using below settings.
- Go to Step 3 [Attribute Mapping] tab and click on Test Configuration button.
- You will be able to see the attributes in the Test Configuration output as follows.
- Now go to the Step 3 [Attribute Mapping] tab and Select the attribute name for Email and Username from dropdown. Then click on Finish Configuration button.
Step 5: Setup Login/SSO URL
- Now go to Step 4 [SSO URL] tab, here copy the Login/SSO URL and add it to your Site by following the given steps.
- Now logout and go to your Joomla site's pages where you have added this link. You will see a login link where you placed that button. Click on this button to perform SSO.