facebookConnectPlugin n'est pas défini (ngCordova, application Ionic)
Je suis en train d'ajouter natif fb connecter à mon ionique app.
Je suis en utilisant:
- Ionique
- ngCordova
- http://ngcordova.com/docs/plugins/facebook/
C'est mon code:
angular.module('starter.controllers', ['ngCordova'])
.config(function($cordovaFacebookProvider) {
var appID = 123456789;
var version = "v2.0"; //or leave blank and default is v2.0
$cordovaFacebookProvider.browserInit(appID, version);
})
Ce qui conduit à cette erreur >
Uncaught Error: [$injector:modulerr] Failed to instantiate module starter due to:
Error: [$injector:modulerr] Failed to instantiate module starter.controllers due to:
ReferenceError: facebookConnectPlugin is not defined
at browserInit (http://localhost:8100/lib/ngCordova/dist/ng-cordova.js:1576:7)
at http://localhost:8100/js/controllers.js:6:30
at Object.invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11994:17)
at runInvokeQueue (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11900:35)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:11909:11
at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:8147:20)
at loadModules (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11890:5)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:11907:40
at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:8147:20)
at loadModules (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11890:5)
Essayé plusieurs choses mais sans aucun résultat positif:
- Quand je le compiler et l'exécuter sur mon appareil l'application affiche un écran vide
- Essayé la normale cordova code js:
- Changé $cordovaFacebookProvider $cordovaFacebook (basé sur ce fil:
forum.ionicframework.com/t/unknown-provider-cordovaprovider/13305/3 - Et c'est un autre sujet, mais ne m'aide pas pensé..
forum.ionicframework.com/t/does-ng-crodova-has-facebook-login/9163
J'ai déjà un prototype de travail avec le fb auth dans le in-app-navigateur. Mais je veux vraiment avoir un native fb connect fonctionnalité.
source d'informationauteur colin
Vous devez vous connecter pour publier un commentaire.
j'ai trouvé un moyen de résoudre ce problème.
Grâce à ce thread : https://github.com/driftyco/ng-cordova/issues/446
et ce tutoriel : https://github.com/Wizcorp/phonegap-facebook-plugin/blob/master/platforms/browser/README.md
1ère étape : Ne pas oublier la
<div id="fb-root"></div>
après ur corps.2ème étape : j'ai ajouté facebookConnectPlugin à mon bower dépendances
Voir mon bower.json :
Voir mon application.config + code d'init:
$cordovaFacebookProvider appel facebookConnectPlugin()
3ème étape : Après la modification de ce dépendances, n'oubliez pas d'appeler la charmille mise à jour de l'ur de la CLI.
4ème étape : Inclure les nouvelles facebookblablabla.js dans votre index.html.
il peut être
pour moi, c'était
5ème étape : ajouter dans la OAuth redirect Uri champ à votre Facebook App :
http://static.ak.facebook.com/connect/xd_arbiter/
Espère que cela fonctionne pour vous 🙂 !
Ma réponse n'est pas de fournir une solution pour votre problème, mais un conseil.
Pourquoi l'utilisation de facebook Cordova lorsque vous pouvez utiliser HelloJS?
faceBook Cordoue est une plate-forme à charge, beaucoup plus lent qu'il fonctionne cordova vrai node.js et pas évolutif.
HelloJS permis à l'entier différentes authentification Oauth2 très facilement, y compris, facebook /google /twitter /instagram ...
Sans dire que la compilation pour facebook cordova est très difficile avec la facebook application clé. Sur HelloJS, ce n'est qu'un paramètre que vous pouvez facilement changer.
Je ne sais pas si quelqu'un l'a encore coincé avec cette chose alors s'il vous plaît suivre la méthode mentionnée mon @Alexis, puis de modifier les 'lib/facebook-connect-plugin/index.js fichier ligne à partir de :
à
Espère que cela Aide 🙂