在Flash网站中创建Facebook登录按钮

时间:2012-06-08 04:58:17

标签: facebook actionscript-3 facebook-graph-api facebook-social-plugins

我想将facebook登录按钮集成到我的网站中。用户只能使用他/她的Facebook帐户登录。我对用户的任何其他信息不感兴趣。

但我有点困惑......我阅读官方的facebook文档,我不明白我需要什么。如果我需要使用社交插件 Graph API Login-Button ,我尚未决定> 你能帮我解决一下我的疑惑吗? 非常感谢!

1 个答案:

答案 0 :(得分:0)

要在flash中使用它,你必须通过一些ExternalInterface调用使用javascript sdk。这就是我一直这样做的。

AS3

        public function FBconnect():void {
            ExternalInterface.addCallback("onLogin", onLogin);
            ExternalInterface.addCallback("onError", onError);
            ExternalInterface.call("requestLogin");
        }

        private function onError():void {
            dispatchEvent(new DataEvent(DataEvent.ERROR));
        }

        public function logout():void {
            ExternalInterface.call("FB.logout", null);
        }

        private function onLogin():void {
            debugTools.trace("FB LOGIN");
            connectUser();
        }

        private function connectUser():void {
            ExternalInterface.addCallback("loadUser", userCallback);
            ExternalInterface.call("connectUser");
        }

        private function userCallback(data:Array):void {
            debugTools.trace("FB USER LOADED");
            var userData:Object = data[0];

            _FBuser = new FBUser(userData.id);
            _FBuser.firstName = userData.first_name;
            _FBuser.lastName = userData.last_name;
            _FBuser.email = userData.email;

            dispatchEvent(new DataEvent(DataEvent.SUCCESS));
        }

JS

window.fbAsyncInit = function() {
                FB.init({
                    appId: YOUR_APP_ID,
                    status: false,
                    cookie: true,
                    xfbml: false
                });         
            };
            (function() {
              var e = document.createElement('script'); e.async = true;
              e.src = document.location.protocol +
                '//connect.facebook.net/en_US/all.js';
              document.getElementById('fb-root').appendChild(e);
            }());

            function connectUser() {
                FB.api('/me', function(response) {
                    if(response) {                  
                        var usrs = new Array();
                        usrs.push(response);
                        document.getElementById('flashObj').loadUser(usrs);
                    } else {
                        document.getElementById('flashObj').onError();
                    }
                });
            };

            function requestLogin() {
                FB.login(function(response) {
                    if (response.authResponse) {
                        document.getElementById('flashObj').onLogin();              
                    } else {
                        document.getElementById('flashObj').onError();
                    }
                }, {scope:'email'});
            }

所以要打破它。

我们在我们的网页上加载javascript sdk,如果您不知道,请查看Facebook上有关如何操作的文档。

接下来,通过ExternalInterface,我们在JS中调用FB.login,并在响应时通过document.getElementById调用AS3函数(以访问你的swf)。

然后我们使用Graph API来获取用户信息。

根据我的经验,这是将用户连接到Flash应用程序的最佳工作流程。