How to make website registration easier using facebook accounts

 – See more at: http:http://thinhcoi.com/wp-content/uploadshttp://thinhcoi.com/wp-content/uploadsaniri.rohttp://thinhcoi.com/wp-content/uploadsgeekhttp://thinhcoi.com/wp-content/uploadstutorialshttp://thinhcoi.com/wp-content/uploadshow-to-make-website-registration-easier-using-facebook-accountshttp://thinhcoi.com/wp-content/uploads#sthash.zKgOnpD4.dpuf

What are we going to build?
In this tutorial we will learn how we can facilitate user registration but letting users register to our site using their facebook accounts. This way, they won’t have to fill in any data, just grant the app access to their facebook account and that’s it! Their new account is created and they can easily login to our website.

We will be making calls to facebooks Graph API in order to retrieve the necessary information. In case you are not familiar with it, you might want to take a look at the documentation to get an idea of what it does.

You can view the working demo of what we are going to build here.

The tutorial will have two parts: the first will cover the basic signuphttp://thinhcoi.com/wp-content/uploadslogin issues, the second will cover the extra features we will add to our app (viewing friends info and posting on the wall).

Let’s get started!

Getting started
You would be using this is you have a website  that users can register to and you want to make the registration easier for them by allowing them to register with their facebook accounts. In the tutorial, I will only show you how to use facebook accounts for registration, not how to add this to your existing registration. But it shouldn’t be difficult to integrate if you understand the tutorial. If you have questions on that, just ask.

For this tutorial you will need some basic PHP and Javascript knowledge.

Creating a new facebook app
The first thing we have to do is create a new facebook app. To do this, go 
here and chose to create a new app. You will get to the screen when you have to fill in the app info. The screen will look something like this:

As you can see in the screenshot, you will have to fill in the following: