-
-
Save yuigoto/7c88aa389bbd242b4ec24e417f8d4a80 to your computer and use it in GitHub Desktop.
Facebook Promise Wrapper
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'use strict'; | |
import { Facebook } from './facebook'; | |
const FB = new Facebook(); | |
(async () => { | |
await FB.init({ | |
appId: document.querySelector('[property=fb\\:app_id]').content, | |
autoLogAppEvents: true, | |
xfbml: true, | |
version: 'v2.9', | |
}); | |
let authResponse = await FB.getLoginStatus(); | |
if (authResponse.status === 'unknown') { | |
authResponse = await FB.login(); | |
} | |
const me = await FB.me(); | |
console.log(authResponse, me); | |
})(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'use strict'; | |
export class Facebook { | |
getScript() { | |
return new Promise((resolve) => { | |
if (window.FB) { | |
resolve(window.FB); | |
} | |
const id = 'facebook-jssdk'; | |
const fjs = document.querySelectorAll('script')[0]; | |
if (document.getElementById(id)) { | |
return; | |
} | |
const js = document.createElement('script'); | |
js.id = id; | |
js.src = '//connect.facebook.net/zh_TW/sdk.js'; | |
js.addEventListener('load', () => { | |
Object.assign(this, { | |
AppEvents: window.FB.AppEvents, | |
Canvas: window.FB.Canvas, | |
Event: window.FB.Event, | |
Frictionless: window.FB.Frictionless, | |
XFBML: window.FB.XFBML, | |
}); | |
// console.log(this); | |
resolve(window.FB); | |
}); | |
fjs.parentNode.insertBefore(js, fjs); | |
}); | |
} | |
init(params = {}) { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
FB.init(params); | |
resolve(FB); | |
}); | |
} | |
api(...params) { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
const callback = (response) => { | |
resolve(response); | |
}; | |
if (params.length > 3) { | |
params = params.slice(0, 3); | |
} | |
params.push(callback); | |
FB.api(...params); | |
}); | |
} | |
ui(params) { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
FB.ui(params, (response) => { | |
resolve(response); | |
}); | |
}); | |
} | |
getLoginStatus() { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
FB.getLoginStatus((response) => { | |
resolve(response); | |
}); | |
}); | |
} | |
login(params = { scope: 'public_profile,email' }) { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
FB.login((response) => { | |
resolve(response); | |
}, params); | |
}); | |
} | |
logout() { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
FB.logout((response) => { | |
resolve(response); | |
}); | |
}); | |
} | |
getAuthResponse() { | |
return new Promise(async (resolve) => { | |
const FB = await this.getScript(); | |
resolve(FB.getAuthResponse()); | |
}); | |
} | |
me() { | |
return new Promise(async (resolve) => { | |
const me = await this.api('/me?fields=name,email,gender,verified,link'); | |
resolve(me); | |
}); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment