Creating applications for authorization through social networks in joomla

Attention! Many social networks are domain www and without www, as different domains, so we recommend to decide on this matter in advance and set the preferred domain, as well as set up redirects to avoid further problems.

All settings of social networks are carried out through plug-ins. Settings can be found, Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth".

  1. Settings Vkontakte
  2. Settings Google
  3. Settings Facebook
  4. Settings Twitter
  5. Settings Odnoklassniki
  6. Settings Mail.ru
  7. Settings Yandex
  8. Settings LinkedIn
  9. Settings LIve.com
  10. Settings Yahoo
  11. Settings WordPress
  12. Settings Instagram

Vkontakte 

Beforehand it is required to set up a plug-in. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Vkontakte auth".

Go here and create new application. Choose Web-Site, enter name, site address and base domain. On the next page get Application ID and Secret Key and enter them in corresponding fields in component settings. Save settings and enable VKontakte login.

Создание приложения вконтакте

Google

Beforehand it is required to set up a plug-in. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Google auth".

Go here and create new project. Enter it's name and click "API Access" on the next page. Hit the "Create an OAuth2 client ID" button, enter name (can be the same as project) and choose "Web application" as type. Now click on "More options" link, enter your site URL and put http://mysite/?option=com_slogin&task=check&plugin=google as Callback URI. Now get Client ID and Client Secret and enter them in corresponding fields in component settings. Save settings and enable Google login.

Create application google:

ScreenShot 314 09.04.14

Configuring application google.

We pass on the name of the application menu => APIs & auth => credential

Create a new Client ID:

Select oAuth 2.0 client ID and its Web application.

Facebook app

Gets something like this image:

sittings facebook app

  •  Get client_id(Client ID) and secret_key(Client Secret).

Specify the name of the product and email:

Tab "OAuth consent screen"

Fill the "Product name"

Select in the "Email address" your email.

FaceBook

Beforehand it is required to set up a plug-in. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Facebook auth".

Go here and create new application.

Click on the "my Apps" => "Add a New App". Next, select the application type "Web ". In the opened window fill in the name field of the application. Click "Create New Facebook App ID". Select the category of your website and click "Create App ID". Specify the site in the format http://site.com. Click "Skip and Create App ID". Proceed to the section "Settings". It is now possible to configure the application. Please note that now e-mail to indicate it is necessary.

Configuring application.

sittings facebook app

sittings facebook app

Go to the advanced settings of the application.

setting facebook apps

setting facebook apps

In the plugin specify field client_id (App ID) and secret_key (App Secret).

Enable application for public use:

ScreenShot 285 25.03.14

ScreenShot 285 25.03.14

Twitter

Beforehand it is required to set up a plug-in. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Twitter auth".

Go here and create new applicaton. Fill only required fields and save it. On the next page click "Create my access token" button and put Callback URL - http://mysite.com/component/slogin/callback/twitter or /?option=com_slogin%26task=check%26plugin=twitter (if you are not using SEF URLs Joomla), correct the link to see the Twitter plugin field "callback URL" as Callback URL. Now take Consumer Key(API key)  and Consumer Secret(API secret) and enter them in corresponding fields in component settings. Save settings and enable Twitter login.

создание приложения twitter

Twitter

 

Odnoclassniki

Beforehand it is required to set up a plug-in. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Odnoclassniki auth".

Go here and register as a developer. Wait untill you request is approved, go here, fill the OAuth access form and wait again for approval email. Now go to your main Odnoklassniki Account -> Games -> My Downloaded -> Add New Application, choose Outside Odnoklassniki -> Oauth Authorization and fill the form completely (including image links!). You'll receve email shortly. Get Application ID, Public Key and Secret Key from it and enter them in corresponding fields in component settings. Save settings and enable Odnoclassniki login.

Создание приложения авторизации в одноклассники

Mail.ru

Beforehand it is required to set up a plug-in. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login mail auth".

Go here and create new application. Enter name and site address and click Continue. On the next page download receiver.html file, put it to yoursite.com/receiver.html and click Continue. Now get Application ID, Private Key and Secret Key and enter them in corresponding fields in component settings. Save settings and enable Mail.ru login.

Создание приложения mail.ru

Yandex

Beforehand it is required to set a plug-in of authentication of Yandex. Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Yandex auth".

Go here and create new application.

авторизация яндекс

We select "Яндекс.Логин". We mark: Адрес электронной почты,  Дата рождения,  Имя пользователя, ФИО, пол.

Callback URI
http://mysite.ru/?option=com_slogin&task=plugins.check&plugin=yandex

LinkedIn

Beforehand it is required to set a plug-in of authentication of LinkedIn.  Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login LinkedIn auth".

Go here and create new application.

LinkedIn

Fill all fields marked by an asterisk. Save the application, the received values: API Key, Secret Key, OAuth User Token, OAuth User Secret, insert into the appropriate fields of a plug-in.

Live.com

Beforehand it is required to set a plug-in of authentication of Live.  Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Live.com auth".

Go here and create new application.

Live.com

Callback URI 
http://mysite.ru

Save application. Now get Client ID and Client secret on the same page and enter them in corresponding fields in plugin settings. Save settings and enable Live.com plugin.

Yahoo

Beforehand it is required to set a plug-in of authentication of Live.  Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plug-in "Social Login Yahoo auth".

Go here and create new application.

 

yahoo auch

Save application. Now get Application ID, Consumer Key, Consumer Secret on the same page and enter them in corresponding fields in plugin settings. Save settings and enable Yahoo plugin.

WordPress - настройка авторизации через сервисы WordPress

Beforehand it is required to set a plug-in of authentication of Live.  Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plugin "Social Login Wordpress auth".

Go here and create new application.

Callback URI: http://site.ru/?option=com_slogin&task=check&plugin=wordpress

Settings WP

Settings WP - Settings WP

Copy Client ID field and Client Secret plug in the appropriate fields.

Clent Secret WordPress

Clent Secret WordPress - Clent Secret WordPress

Instagram - настройка авторизации через сервисы Instagram

Beforehand it is required to set a plug-in of authentication of Live.  Manager of extensions => Manager of plug-ins => group of plug-ins "slogin_auth" => plugin "Social Login Instagram auth".

Go here and create new application.

Callback URI: http://site.ru/?option=com_slogin&task=check&plugin=instagram

Settings  Instagram

Settings Instagram - Settings Instagram

Copy the data from the fields Client ID and Client Secret, paste the appropriate fields plugin.