 PHP gevorderde |
|
Ik had inderdaad al op google gezocht..
De eerste link die je gaf is voor apps die reeds er voor zorgen dat ze toegevoegd kunnen worden.. Die manier werkt dus nog niet voor mijn eigen app.
Verder opzoekingswerk gaf dus aan dat ik de SDK moet gebruiken.
Enkel geven ze de volgende code:
FB.ui({
method: 'pagetab',
redirect_uri: 'YOUR_URL'
}, function(response){});
FB.ui({ method: 'pagetab', redirect_uri: 'YOUR_URL' }, function(response){});
Facebook geeft echter niet zo duidelijk aan wat je precies nodig hebt... Moet ik ze eerst laten inloggen met de SDK? Kan ik er voor zorgen dat de app wordt toegevoegd en dan de code aangepast wordt zodat niemand anders dat kan?
De uitleg van facebook is wat warrig, ... Vandaar dat ik hier postte of er iemand ervaring mee heeft.
De vraag blijft dus nog steeds of iemand een idee heeft welke stappen ik op vlak van code dan moet uitvoeren, zoals verbinding maken, login, kijken of ze rechten hebben, de app toevoegen,...
EDIT: Het is gelukt. Op 2 manieren zelfs. Ik zal ze beide uitleggen, zodat anderen dit eventueel ook kunnen ;). Ik maak gebruik van JQuery (en geen gewone javascript, iets eenvoudiger).
Code manier:
JQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
Verder laad ik dan eerst de SDK van facebook. En ik probeer in te loggen, lukt dit niet, dan vraag ik om in te loggen. Als ik ingelogd ben laad ik de functie om de Tab toe te voegen.
Deze addTab is een simpele functie, als je weet dat je de URL van FACEBOOK APP moet opgeven, en niet zoals je vaak vind de url van je website.
<script>
$(document).ready(function() {
$.ajaxSetup({ cache: true });
$.getScript('//connect.facebook.net/en_UK/all.js', function(){
FB.init({
appId: 'APP_ID',
});
$('#loginbutton,#feedbutton').removeAttr('disabled');
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
console.log('Logged in.');
addTab();
}
else {
FB.login();
}
});
});
});
function addTab(){
FB.ui({
method: 'pagetab',
redirect_uri: 'URL_VAN_DE_FACEBOOK_CANVAS_APP_OP_FACEBOOK'
}, function(response){
console.log("TEST");
});
}
</script>
</script>
<script> $(document).ready(function() { $.ajaxSetup({ cache: true }); $.getScript('//connect.facebook.net/en_UK/all.js', function(){ FB.init({ appId: 'APP_ID', }); $('#loginbutton,#feedbutton').removeAttr('disabled'); FB.getLoginStatus(function(response) { if (response.status === 'connected') { console .log('Logged in.'); addTab(); } else { FB.login(); } }); }); }); function addTab(){ FB.ui({ method: 'pagetab', redirect_uri: 'URL_VAN_DE_FACEBOOK_CANVAS_APP_OP_FACEBOOK' }, function(response){ }); } </script> </script>
Simpele manier zonder code, pas duidelijk na de code uit te voeren dat de URL gewoonweg verkeerd was:
Deze link invoeren als je ingelogd bent:
https://www.facebook.com/dialog/pagetab?app_id=APP_ID&next=URL_VAN_DE_FACEBOOK_CANVAS_APP_OP_FACEBOOK
https://www.facebook.com/dialog/pagetab?app_id=APP_ID&next=URL_VAN_DE_FACEBOOK_CANVAS_APP_OP_FACEBOOK
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
