InfoHeap
Tech tutorials, tips, tools and more
Navigation
  • Home
  • Tutorials
    • CSS tutorials & examples
    • CSS properties
    • Javascript cookbook
    • Linux/Unix Command Line
    • Mac
    • PHP
      • PHP functions online
      • PHP regex
    • WordPress
  • Online Tools
    • Text utilities
    • Online Lint Tools
search
  • Home
  • > Tutorials
  • > Facebook

How to create facebook app for using fbconnect for your website login

By admin | Last updated on Jan 11, 2016

Using facebook login (fbconnect) on your website or blog requires you to create a facebook app and configure it with few details. The advantage of using facebook login is that you don’t have to implement your own login system, password maintenance, etc. In addition you get people’s friends information from facebook in case you need it. This also reduces a user creation barrier for your users and it becomes easy for them to contribute to your site by writing comments etc. Here are the steps:

  1. Go to http://developers.facebook.com/apps and click on create new app as shown below.
    how_to_create_fconnect_app_screen_1
  2. Facebook may ask you to fill a captcha to verify you are human. Once that is done you will be asked to provide App Name and App Namespace. These can be changed later. The App Namespace has to be unique and all lowercase characters. You app can be accessed later using http://apps.facebook.com/[YOUR_NAMESPACE]. So make sure it is somewhat readable and matches with the purpose of your website.
    how_to_create_fconnect_app_screen_2
  3. Once you are done with above step, you will be taken to app setting where you can see your AppId and App Secret. Make a note of these. Keep the default settings and in the section “select how your app integrates with facebook” click on Website with facebook login. You don’t need to edit other settings.
    how_to_create_fconnect_app_screen_3
  4. Enter your site url as shown below.
    how_to_create_fconnect_app_screen_4
  5. Click save changes and your are done. The App Id and App secret noted above can be used on you website or blog. Here is another post which tells you how to setup facebook plugin on your wordpress blog.

Suggested posts:

  1. How to use wordpress facebook plugin comments box with lazy loading
  2. How to enable Chrome tabs on Android Lollipop
  3. Android chrome – create website bookmark on home screen
  4. How to create facebook page username for vanity url
  5. How to locally override website domain (or hostname) to IP mapping
  6. Linux – how to enable password login on ssh server
  7. How to use CasperJS to automate website testing
  8. Filing bug for facebook by app developer
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged Facebook, Tutorials, Web Development

Follow InfoHeap

facebook
twitter
googleplus
  • Browse site
  • Article Topics
  • Article archives
  • Recent Articles
  • Contact Us
  • Omoney
Popular Topics: AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Linux | Linux/Unix Command Line | Mac | Mac Command Line | Mysql | Networking | Node.js | Online Tools | PHP | PHP cookbook | PHP Regex | Python | Python array | Python cookbook | SEO | Site Performance | SSH | Ubuntu Linux | Web Development | Webmaster | Wordpress | Wordpress customization | Wordpress How To | Wordpress Mysql Queries

Copyright © 2022 InfoHeap.

Powered by WordPress