Facebook integration with AEM

we need to be social and expand our social network. Thus, it is very important to connect our website with social sites.

1.Go to the https://developers.facebook.com and login with your facebook ID.

2. Click on the platform on which you need this configuration according to the requirement. I am using this configuration for website.

3.Choose the appropriate name for the application.

4. Choose the category and click on create App ID.

5) Now go to the settings. and see your app ID and App secret there. You also need to set site domain localhost and click on save changes.

(Site Domain is the url from where your application is sending request to facebook API)

6).Now in your AEM instance , go to http://localhost:4502/etc/cloudservices.html.Nowgo to Facebook Connect.

7) Go to show Configuration and click on (+) sign

8)

9) Enter your App ID and App Secret from the facebook .You can add a group for the user,but it is optional.

Now go to siteadmin
10) On which page you want to do facebook connection go to that page, and perform right click on it. Go to properties:

11) Add your application to that page.

For the coding part and component go to here and check the functionality.

Enjoy your day



Regards:
Achyuth