Question

我正在制作一个带有phonegap，adobe构建的应用程序，并使用这个代码片段进行身份验证。

我希望通过某种形式的回调来处理'成功'登录，并在用户的墙上发帖。

       <script type="text/javascript">
       var my_client_id = "133914256793487", // YOUR APP ID
    my_secret = "862f10f883f8d91617b77b4b143abc8d", // YOUR APP SECRET 
    my_redirect_uri = "https://www.facebook.com/connect/login_success.html", // LEAVE THIS
    my_type ="user_agent", my_display = "touch"; // LEAVE THIS

var facebook_token = "fbToken"; // OUR TOKEN KEEPER
var ref; //IN APP BROWSER REFERENCE

// FACEBOOK
var Facebook = {
    init:function(){
         // Begin Authorization
         alert("we have begun");
         var authorize_url = "https://www.facebook.com/dialog/oauth?";
         authorize_url += "client_id=" + my_client_id;
         authorize_url += "&redirect_uri=" + my_redirect_uri;
         authorize_url += "&display=" + my_display;
         authorize_url += "&scope=publish_stream";

             //CALL IN APP BROWSER WITH THE LINK
         ref = window.open(authorize_url, '_blank', 'location=no');

         ref.addEventListener('loadstart', function(event){

             Facebook.facebookLocChanged(event.url);

          });
         } , 
    facebookLocChanged:function(loc){
        if (loc.indexOf("https://www.facebook.com/connect/login_success.html") >= 0 ) {

            //CLOSE INAPPBROWSER AND NAVIGATE TO INDEX
            ref.close();

            //THIS IS MEANT TO BE DONE ON SERVER SIDE TO PROTECT CLIENT SECRET
            var codeUrl = 'https://graph.facebook.com/oauth/access_token?client_id='+my_client_id+'&client_secret='+my_secret+'&redirect_uri='+my_redirect_uri+'&code='+loc.split("=")[1];
            console.log('CODE_URL::' + codeUrl);
            $.ajax({
                url: codeUrl,
                data: {},
                type: 'POST',
                async: false,
                cache: false,
                success: function(data, status){
                    //WE STORE THE TOKEN HERE
                    localStorage.setItem(facebook_token, data.split('=')[1].split('&')[0]);
                    },
                error: function(){
                    alert("Unknown error Occured");
                }
            }); 
        }
    }
     }  
       </script>
        <script type="text/javascript">
           Facebook.init();
            </script>

任何人都可以建议如何适当地扩展这个例子 - 我在哪里可以找到API来帮助自己？目前它成功地要求用户登录 - facebook弹出 - 我成功接受然后它返回成功 - 并且一条红色消息说用户应该安全地保留此URL。

干杯，

安迪

Answer 1

我知道更改代码的整个结构有点令人生畏，但我强烈建议使用PhoneGap Facebook Plugin。由于您正在使用构建，因此您还可以轻松地从Build中集成Facebook Connect plugin。

我强烈建议您查看PhoneGap Facebook plugin repository的phonegap-facebook-plugin / example / HackBook文件夹中的以下两个文件：index.html和js/auth.js。

使用javascript FB Api时，您可以将回调函数指定为第一个参数，如FB.login(function(response) { ... });中所示。您可以在docs中找到示例。

auth.js的第25行显示了使用以下代码FB.api('/me' ...调用FB API的示例。虽然此代码请求有关已登录用户的信息，但您可以使用FB.api()进行任何javascript API调用，您可以了解here（请参阅第四个示例）。

查看代码并查看其工作原理/实施方式，如果您有任何疑问，请与我们联系：）

如何在用户墙上发布一个扩展此示例的帖子？

1 个答案: