{"id":4752,"date":"2011-12-18T18:17:13","date_gmt":"2011-12-18T12:47:13","guid":{"rendered":"http:\/\/www.tothenew.com\/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:\/\/www.tothenew.com\/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":1},"categories":[7],"tags":[703,705,707,704,706,700],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/4752"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=4752"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/4752\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=4752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=4752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=4752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}