Social networks integration to let users log in with their social accounts
Social Connect adds social login buttons on the login page allowing users to log-in with their social accounts.
The following configuration requires API (Application Programming Interface) with the following social network providers.
-
Sign in to the Google Developers Console with the Google account you want to use for Claromentis.
-
If you see a message saying "To view this page, select a project" and you don't have an existing project to use
-
Select "Create Project" and provide the project information
- Project name: 'Claromentis' or the intranet name
-
Wait while the project is created. If it takes too long, refresh the page. You should now see your new project in the list. Click on the project
-
Click 'APIs & Services > Credentials' from the left panel
- Create OAuth2 client credentials
- Click 'Create credentials' button and select 'OAuth client ID'
- Choose 'Web application' type and complete the form
- Authorized JavaScript origins: leave empty
- Authorized redirect URIs: put
http://your_claromentis_url.tld/socialconnect/google/callback
You may be asked to complete the consent screen data - do this, if asked
-
You'll get a popup window with
Client ID and Client secret. Keep it open and copy the provided values into Claromentis. These can also be retrieved later from the Google developer console credentials page in your project.
-
Create Facebook application at https://developers.facebook.com/apps/
- Click "+Add a New App" and then choose "Website" platform
- Enter a name for the application and click "Create New Facebook App ID"
- Choose appropriate category and click "Create App ID" button
- Check the application settings if needed (you might want to disable "Social Discovery" in advanced settings)
-
Configure OAuth2 callback
- Click "+ Add Product" at the bottom of the left column and enable "Facebook Login"
- Ignore the "Quick start" screen and just click "Settings" in the left column under "Facebook Login"
- Locate the field "Valid OAuth redirect URIs" and enter this value:
http://your_claromentis_url.tld/socialconnect/facebook/callback
- Click "Save changes" at the bottom
- Get application ID and secret
- Click "Dashboard" in the left column
- You'll see App ID and hidden App Secret at the page top
- Click "Show" next to App Secret field to reveal the value
- Copy
App ID and App Secret to the corresponding fields in Claromentis
-
Create a Live Connect application at https://account.live.com/developers/applications
- Optionally, complete other sections of the application properties, such as logo, TOC and Privacy URLs
-
Click "API Settings" link and enter this into "Redirect URLs" field
http://your_claromentis_url.tld/socialconnect/live/callback
-
Copy
Client ID and Client secret from the "App settings" section into Claromentis