FaceBook SDK First App

最新推荐文章于 2024-09-24 14:56:35 发布

riverlau

最新推荐文章于 2024-09-24 14:56:35 发布

阅读量693

点赞数

分类专栏： API 文章标签： facebook function initialization server xhtml login

本文链接：https://blog.csdn.net/riverlau/article/details/6918087

版权

API 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Prerequisite:

1. you must create an application record for it by using https://developers.facebook.com/apps/

2. register your domain in site url

Source Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WindowsLiveSDKLearning.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Face Book API</title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
     <script type="text/javascript">
     
         window.fbAsyncInit = function() {
                            FB.init({
                              appId      : 'xxxxx', // App ID
                              status     : true, // check login status
                              cookie     : true, // enable cookies to allow the server to access the session
                              oauth      : true, // enable OAuth 2.0
                              xfbml      : true  // parse XFBML
                          });

                        FB.login(function (response) {
                            if (response.authResponse) {
                                console.log('Welcome!  Fetching your information.... ');
                                FB.api('/me', function (response) {
                                   alert('Good to see you, ' + response.name + '.');
//                                    FB.logout(function (response) {
//                                        console.log('Logged out.');
//                                    });
                                });
                               FB.api('/me/photos', function (response) {
                                   alert('Good to see you, ' + response.data[0].id + '.');
//                                    FB.logout(function (response) {
//                                        console.log('Logged out.');
//                                    });
                                });
                            } else {
                                console.log('User cancelled login or did not fully authorize.');
                            }
                        }, { scope: "email,user_photo_video_tags" });

                        // Additional initialization code here
                      };

            // Load the SDK Asynchronously
            (function(d){
                var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                js = d.createElement('script'); js.id = id; js.async = true;
                js.src = "//connect.facebook.net/en_US/all.js";
                d.getElementsByTagName('head')[0].appendChild(js);
            }(document));
      </script>
</head>
<body>

    <form id="form1" runat="server">
    <div id="fb-root"></div>
    <div class="fb-login-button">Login with Facebook</div>
    </form>
</body>
</html>

Reference

Facebook SDK Javascript https://developers.facebook.com/docs/reference/javascript/
Graph api : https://developers.facebook.com/docs/reference/api/
Graph api test tool: http://developers.facebook.com/tools/explorer
Scope: http://developers.facebook.com/docs/reference/api/permissions/