Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="fb-root"></div>
- <script>
- // This is called with the results from from FB.getLoginStatus().
- function statusChangeCallback(response) {
- console.log('statusChangeCallback');
- console.log(response);
- // The response object is returned with a status field that lets the
- // app know the current login status of the person.
- // Full docs on the response object can be found in the documentation
- // for FB.getLoginStatus().
- if (response.status === 'connected') {
- // Logged into your app and Facebook.
- testAPI();
- document.getElementById('status').innerHTML += '<button onclick="userlogout();checkLoginState();">Logout</button>';
- } else if (response.status === 'not_authorized') {
- // The person is logged into Facebook, but not your app.
- document.getElementById('status').innerHTML = '<button onclick="userlogin();checkLoginState();">Login</button>';
- } else {
- // The person is not logged into Facebook, so we're not sure if
- // they are logged into this app or not.
- document.getElementById('status').innerHTML = '<button onclick="userlogin();checkLoginState();">Login</button>';
- }
- }
- // This function is called when someone finishes with the Login
- // Button. See the onlogin handler attached to it in the sample
- // code below.
- function checkLoginState() {
- FB.getLoginStatus(function(response) {
- statusChangeCallback(response);
- });
- }
- window.fbAsyncInit = function() {
- FB.init({
- appId : '{your-app-id}',
- cookie : true, // enable cookies to allow the server to access
- // the session
- xfbml : true, // parse social plugins on this page
- version : 'v2.5' // use graph api version 2.5
- });
- //
- // These three cases are handled in the callback function.
- FB.getLoginStatus(function(response) {
- statusChangeCallback(response);
- });
- };
- // Load the SDK asynchronously
- (function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = "//connect.facebook.net/en_US/sdk.js";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));
- // Here we run a very simple test of the Graph API after login is
- // successful. See statusChangeCallback() for when this call is made.
- function testAPI() {
- console.log('Welcome! Fetching your information.... ');
- FB.api('/me', function(response) {
- console.log('Successful login for: ' + response.name);
- document.getElementById('status').innerHTML =
- 'Thanks for logging in, ' + response.name + '!';
- });
- }
- function userlogin(){
- FB.login(function(response) {
- // handle the response, modify our button as needed.
- if (response.status === 'connected') {
- // Logged into your app and Facebook.
- } else if (response.status === 'not_authorized') {
- // The person is logged into Facebook, but not your app.
- } else {
- // The person is not logged into Facebook, so we're not sure if
- // they are logged into this app or not.
- }
- }, {scope: 'email'});
- }
- function userlogout(){
- FB.logout(function(response) {
- // Person is now logged out
- });
- }
- function removePerm(perm){
- FB.api('/me/permissions/'+perm+'', 'delete', callback);
- function callback(response) {
- //document.getElementById(''+perm+'').innerHTML = "" + response;
- document.location.reload();
- }
- }
- </script>
- <div id="status"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement