Facebook tab & app development portal and FAQs

Source: Internet
Author: User

Recently, we are developing Facebook tab & App.

I would like to share some basic documents and concepts with you;

We hope to help you understand some basic concepts, resources, and preliminary development of Facebook.

Facebook has become an important corporate promotion platform, activity and advertising platform, as well as a wide range of applications and games.
 

 

Facebook tab & app development

    • What is Tab

      • Https://developers.facebook.com/docs/appsonfacebook/pagetabs/
      • Maximum width is 520px.
      • Tab can add to a page.
    • What is page
      • This is a page sample http://www.facebook.com/Microsoft
      • How can I create a page for testing? Http://www.facebook.com/pages/create.php
      • Publish status of page
        • In the top of page, it is not published if you see following information (you shocould have admin permission)

      • Only page admin can assess page if it is not published
  • What is Facebook app
    • Http://developers.facebook.com/docs/guides/canvas/
    • For developer, check this out for more information http://developers.facebook.com/docs/appsonfacebook/tutorial/
    • Maximum width is 760px
  • Pre-condition (before development)
    • You are developer in Facebook website
    • You are administrator of this tab Application
    • You are admin of page (if you want to add a tab to a page)
    • Usually, all Facebook tab & page shocould support both HTTP & https
    • You have your own website to deploy tab & page application
  • Create a new tab or application
    • Open https://developers.facebook.com/apps
    • Click create new app in the right side

      • Following 3 tabs are important (Configure site URL to local path, let we can debug in our local environment)

      • Site URL is the root path of your website (all rest of URL shocould start with value of site URL)
      • Rest 4 URLs are entry point of tab & App
      • Facebook will call these entry point via http post with signed_request Information
        • Http://developers.facebook.com/docs/authentication/signed_request/
        • Signed_reuqest include some important information
        • Does user like this page or application
      • User's assecctoken
      • Configuration of sandbox
        • Settings-> advanced
        • Enable sandbox Mode means that only admin can access this tab & App

 

FAQ:

  • Authorization

    • Oauth 2.0
  • Basic
    • Recommend all page in your website include Facebook script and initialization code
  • Recommend we have individual page to handle entry point
  • Plugins
    • Http://developers.facebook.com/docs/plugins/
    • Use FB. event. subscribe to monitor event (ie: User Login)
    • Http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/
    • IFRAME cannot fire event (Please use xfbml)
    • Use JavaScript to call FB. UI to fire plugins
  • How can we know if user likes our page or not?
    • Get information from signed_request
  • How can we remove scroll bar in tab & page
    • Style in Body element: overflow: hidden
    • Call FB. Canvas. setsize
    • Http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setSize/
  • How can we grab information from Facebook (Graph API & fql)
    • We can get public information from Facebook API
    • We have to get accesstoken if we want to access private information
    • We can get accesstoken signed_request
    • We can get accesstoken from any login page
      • From FB. login in Javascript
      • From login. php
    • After we get accesstoken
    • Http://developers.facebook.com/docs/reference/api/
    • If we don't get enough permission from user, we may not grab Information
  • Library
    • . Net http://facebooksdk.codeplex.com/
    • Javascript http://developers.facebook.com/docs/reference/javascript/
    • PHP https://github.com/facebook/php-sdk

 

I hope these Facebook-related materials will help you develop a general concept for Facebook,

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.