Cocos creator web facebook integration

Cocos Creator
1

Is there anyone who had succeed integrating facebook sdk when using web version?

Recently I found some javascript version but I couldnt know how to ingregrate this source file to cocos creator.

Source what I found is here : https://connect.facebook.net/en_US/sdk.js

And cause I plan to make multi platform game so If I can, I’d like to this facebook sdk by require sentence.

like

var Facebook = require(’…/lib/facebook’)

I there is someone can help me… please help me…

2

Facebook.ts

export default class facebookSdk {
    constructor(AppId, Scope, Callback) {
        window.fbAsyncInit = () => {
            FB.init({
                appId: AppId,
                xfbml: true,
                version: 'v3.1'
            });
            function statusChangeCallback(data) {
                if (data.status === 'connected') {
                    Callback({ status: 200, response: data });
                } else if (data.status === 'not_authorized') {
                    Callback({ status: 404, response: "The person is logged into Facebook, but not your app." });
                } else {
                    Callback({ status: 500, response: "They are logged into this app or not" });
                }
            }
            FB.getLoginStatus((data) => {
                Callback({ status: 301, response: "wait" });
                if (data.status === 'connected') {
                    Callback({ status: 200, response: data });
                } else if (data.status === 'not_authorized') {
                    FB.login((statusChangeCallback) => {
                        Callback({ status: 200, response: statusChangeCallback });
                    }, { scope: Scope });
                } else {
                    FB.login((statusChangeCallback) => {
                        Callback({ status: 200, response: statusChangeCallback });
                    }, { scope: Scope });
                }
            });
        };
        ((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.com/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    }
}

facebook login callback

 onLoad() {
        let Appid = netde.appId;
        let scope = 'email,user_birthday,user_friends,user_gender,user_hometown,user_link,user_location';
        let sdk = new facebookSdk(Appid, scope, (response) => {
           console.log(response)
        });
    }
2 Likes