{"id":4752,"date":"2011-12-18T18:17:13","date_gmt":"2011-12-18T12:47:13","guid":{"rendered":"https:\/\/2thenew.online\/blog\/?p=4752"},"modified":"2016-12-19T15:16:39","modified_gmt":"2016-12-19T09:46:39","slug":"install-apps-on-facebook-fan-page-using-api","status":"publish","type":"post","link":"https:\/\/2thenew.online\/blog\/install-apps-on-facebook-fan-page-using-api\/","title":{"rendered":"Install Apps on Facebook Fan page using API"},"content":{"rendered":"

Hi,
\nIn my current grails project, we are using Facebooks Apps for our application so that any user who wish to use that app, can attach it with his\/her Facebook Fan Page manually by visiting the App Profile Page and then adding it to the Fan Page. Then the attached facebook app can fetch data from our project. <\/p>\n

\r\n\r\n<\/pre>\n
But few days ago, Facebook announced that it is Removing App Profile Pages<\/strong><\/a>.
\nNow for adding facebook apps to  fan page, we can either  Create an Profile page for  app<\/strong> or  Add the app to Fan page using API<\/strong>.<\/p>\n
\r\n\r\n<\/pre>\n
I implemented the feature to attach any Facebook App to Facebook Fan page using API and thought it worth sharing.<\/p>\n
\r\n\r\n<\/pre>\n
I am assuming that you already have the Facebook Page Access Token with you, if not you can see how to Integrate facebook with web application and get access token here<\/a>.<\/p>\n
\r\n\r\n<\/pre>\n
Get App Id from Facebook App page:-<\/p>\n
\r\n\r\n<\/pre>\n
To attach any Facebook Fan page, we need to issue an HTTP POST request to the facebook URL.
\nURL for POST request
\n[java]
\nURL :  {FACEBOOK_PAGE_ID}\/tabs
\n[\/java]<\/p>\n
Values we will be requiring :
\n[java]<\/p>\n
String FAN_PAGE_ACCESS_TOKEN = fan page access token.
\nString APP_ID = app id from the registered app.
\nString FACEBOOK_PAGE_ID = id of the facebook page to which app is to be attached.<\/p>\n
[\/java]<\/p>\n
Code to issue post request at the given URL:
\n[java]<\/p>\n
        StringBuilder sb = new StringBuilder(&amp;quot;access_token=&amp;quot;);
\n        sb.append(URLEncoder.encode(FAN_PAGE_ACCESS_TOKEN, &amp;quot;UTF-8&amp;quot;));
\n        sb.append(&amp;quot;&amp;amp;app_id=&amp;quot;);
\n        sb.append(URLEncoder.encode(APP_ID, &amp;quot;UTF-8&amp;quot;));<\/p>\n
        URL url = new URL(&amp;quot;https:\/\/graph.facebook.com\/${FACEBOOK_PAGE_ID}\/tabs&amp;quot;);
\n        HttpURLConnection connection = (HttpURLConnection) url.openConnection();
\n        String publishedPostId
\n        try {
\n            connection.setDoOutput(true);
\n            connection.setRequestMethod(&amp;quot;POST&amp;quot;);
\n            connection.setRequestProperty(&amp;quot;Content-Type&amp;quot;, &amp;quot;application\/x-www-form-urlencoded&amp;quot;);
\n            connection.setRequestProperty(&amp;quot;Content-Length&amp;quot;, &amp;quot;&amp;quot; + sb.toString().length());
\n            OutputStreamWriter outputStreamWriter = new OutputStreamWriter(connection.getOutputStream());
\n            outputStreamWriter.write(sb.toString());
\n            outputStreamWriter.flush();
\n            log.debug(&amp;quot;Response code ${connection.responseCode} , Message : ${connection.responseMessage}&amp;quot;)
\n            if (connection.responseCode != 200) {
\n                log.debug(&amp;quot;Unable to attach app to facebook fan page&amp;quot;)
\n            }
\n        } finally {
\n            connection?.disconnect()
\n        }<\/p>\n
[\/java]<\/p>\n
\r\n\r\n<\/pre>\n
So, we can attach any Facebook App to the Facebook Fan Page using the above code.<\/p>\n
\r\n\r\n<\/pre>\n
This worked for me.
\nHope it helps.<\/p>\n
\r\n\r\n<\/pre>\n
Cheers !!!
\nVishal Sahu
\nvishal@intelligrape.com<\/p>\n
http:\/\/www.intelligrape.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Hi, In my current grails project, we are using Facebooks Apps for our application so that any user who wish to use that app, can attach it with his\/her Facebook Fan Page manually by visiting the App Profile Page and then adding it to the Fan Page. Then the attached facebook app can fetch data […]<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":4,"footnotes":""},"categories":[7],"tags":[703,705,707,704,706,700],"class_list":["post-4752","post","type-post","status-publish","format-standard","hentry","category-grails","tag-facebook","tag-facebook-fan-page","tag-facebook-integration","tag-graph-api","tag-social","tag-social-media"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t