Skip to main content

Facebook Connect Application Login Now Simple!

Writing a Facebook Connect application can be done in about half an hour using the newly updated Javascript API. No more server side code required! Here are the steps:

1. Setup a Facebook applicaiton
Go to http://www.facebook.com/#!/developers/ and click on the 'Set Up New App' button to setup a new application. On the about page, enter the application's name and a short description. On the 'Web Site' tab, enter the URL of the web domain that will serve the web page you will put your login box on. Copy the 'Application ID' from this same tab. Click on 'Save Changes'.

2. Add the Facebook javascript library to your web page
Place the following div and script on your web page. The div won't actually display anything, it's just to bring in the Facebook code. I place it at the bottom of my web pages:



3. Initialize the facebook library with your application ID
Execute the following line of code somewhere in your page's javascript.
FB.init({appId: '105604822850082', status: true, cookie: true, xfbml: true});

4. Add the facebook login button to your html
Insert the html below into your page where you would like to see the login button displayed:

Login with Facebook


5. Listen for and respond appropriately to facebook login events
//Listen for the user to login and then customize
FB.Event.subscribe('auth.login', function(response) {
// do something with response
fb_setup();
});

//If the user is already logged in and connected, then get rid of the login button
FB.getLoginStatus(function(response) {
if (response.session) {
// logged in and connected user, someone you know
fb_setup();
} else {
// no user session available, someone you dont know
}
}, true);


function fb_setup(){
FB.api('/me', function(user) {
if(user != null) {
document.getElementById('fblogin').innerHTML = '';
//alert(user.name);
var image = document.getElementById('fbimage');

image.innerHTML = ''
var name = document.getElementById('fbname');
name.innerHTML = user.name
login_user = user.id;
login_name = user.name;
}
});
}

6. You're Done!
The code above was adapted from the Facebook Developer documentation at: http://developers.facebook.com/docs/reference/javascript/fb.getloginstatus/ The documentation is getting better all the time.

For a complete working example, you can check out a flash card application I made for studying German 111 at NMSU. I got tired of having to login repeatedly to save my scores, and added a Facebook login button to let Facebook handle that work.
http://copaseticflows.appspot.com/examhelp/flashgb.html

Questions or comments? Please leave them below!

Comments

Popular posts from this blog

Cool Math Tricks: Deriving the Divergence, (Del or Nabla) into New (Cylindrical) Coordinate Systems

The following is a pretty lengthy procedure, but converting the divergence, (nabla, del) operator between coordinate systems comes up pretty often. While there are tables for converting between common coordinate systems, there seem to be fewer explanations of the procedure for deriving the conversion, so here goes!

What do we actually want?

To convert the Cartesian nabla



to the nabla for another coordinate system, say… cylindrical coordinates.



What we’ll need:

1. The Cartesian Nabla:



2. A set of equations relating the Cartesian coordinates to cylindrical coordinates:



3. A set of equations relating the Cartesian basis vectors to the basis vectors of the new coordinate system:



How to do it:

Use the chain rule for differentiation to convert the derivatives with respect to the Cartesian variables to derivatives with respect to the cylindrical variables.

The chain rule can be used to convert a differential operator in terms of one variable into a series of differential operators in terms of othe…

Lost Phone

We were incredibly lucky to have both been in university settings when our kids were born.  When No. 1 arrived, we were both still grad students.  Not long after No. 2 arrived, (about 10 days to be exact), mom-person defended her dissertation and gained the appellation prependage Dr. 

While there are lots of perks attendant to grad school, not the least of them phenomenal health insurance, that’s not the one that’s come to mind for me just now.  The one I’m most grateful for at the moment with respect to our kids was the opportunities for sheer independence.  Most days, we’d meet for lunch on the quad of whatever university we were hanging out at at the time, (physics research requires a bit of travel), to eat lunch.  During those lunches, the kids could crawl, toddle, or jog off into the distance.  There were no roads, and therefore no cars.  And, I realize now with a certain wistful bliss I had no knowledge of at the time, there were also very few people at hand that new what a baby…

Lab Book 2014_07_10 More NaI Characterization

Summary: Much more plunking around with the NaI detector and sources today.  A Pb shield was built to eliminate cosmic ray muons as well as potassium 40 radiation from the concreted building.  The spectra are much cleaner, but still don't have the count rates or distinctive peaks that are expected.
New to the experiment?  Scroll to the bottom to see background and get caught up.
Lab Book Threshold for the QVT is currently set at -1.49 volts.  Remember to divide this by 100 to get the actual threshold voltage. A new spectrum recording the lines of all three sources, Cs 137, Co 60, and Sr 90, was started at approximately 10:55. Took data for about an hour.
Started the Cs 137 only spectrum at about 11:55 AM

Here’s the no-source background from yesterday
In comparison, here’s the 3 source spectrum from this morning.

The three source spectrum shows peak structure not exhibited by the background alone. I forgot to take scope pictures of the Cs137 run. I do however, have the printout, and…