Sign in using Facebook in liferay

When user don't want to create account in liferay portal but want to to login then user can use the sign in using many social platform like Facebook  Gmail, Linked In, Twitter with liferay, here i am explaining the steps for log in in liferay using Facebook.

Steps for this are as follows :

Step 1 : Create a developer ID in your Facebook account by navigating to this URL click.
             you will see a screen like this.

At header go to  My APP and then Add a New App you will see a screen like below :

 Then click on Facebook Canvas you will see a screen like shown below :

at left corner there is a link for Skip and Create App Id clicking on that you will see a form as shown below : 

fill the form as follow :

app name : any name

unique name : any name

version : no and 

category : local 

then click on Create App ID you will redirected to a page where you will get App Id and App Secret Key. In the left menu you click on setting tab you will redirected to page as shown below

at bottom click on Add Platform button you will see a screen like below :

in the popup click on Website icon you will navigate to page where it is asking you to give site URL give your domain name as shown below : 

After all this successfully you have created an app in Facebook now we have to integrate this app for login to liferay portal.

Note :  when you give domain name to site URL in the above form remember to change your domain name from localhost to some qualified name (e.g www.myportal.com ) as every social media site after it redirect from it’s corresponding sites check for proper DNS name, if it doesn't finds a proper name it will not redirect to your liferay portal.

you can change your domain name in host file as

127.0.0.1 www.myportal.com

then restart your system.

Step 2 : Now go to Control Panel in liferay and then Portal Setting and then click on Authentication tab in the left menu and then click on Facebook tab. Give your App ID and secret key  in the form as shown below : 

if you have change your domain name then remember to change that domain name in Redirect URL field in the above form and then save this.

Step 3 : Now log out and then in login portlet below you can see the icon for Facebook when you will click on that it will ask your login credential for Facebook and then it will redirect to liferay portal.

Note :  some time it happen like after authentication it will redirect to liferay portal but won't login just try refreshing the page it will log in.