InfoHeap
Tech
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. ApacheBench (ab) – how to load test a web site
  2. How to use custom identity file with rsync on Linux
  3. How to setup svn repository on AWS Ubuntu Linux with apache simple auth
  4. Some gmail advanced search tips
  5. How to use Google custom search with lazy loading approach
  6. How to change default chrome search engine
  7. Using camtasia to generate screencast video on your computer
  8. How to setup Google feedburner email subscription newsletter
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged Facebook, Tutorials, Web Development
  • Browse content
  • Article Topics
  • Article archives
  • Contact Us
Popular Topics: Android Development | AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | Company results | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Kubernetes | 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 | InfoHeap Money

Copyright © 2025 InfoHeap.

Powered by WordPress