イオン性のアプリにFacebookのログインを追加する

Question

私はAngularとIonicの初心者です。行っ

https://www.sitepoint.com/how-to-integrate-facebook-login-into-a-cordova-based-app/

手順： 1.Inアプリブラウザがインストールされている

は、次のチュートリアルを試してみました。

2. 含まれているライブラリ。

   <script src="lib/ngCordova/dist/ng-cordova.js"></script> 
   <script src="lib/ng-cordova-oauth/dist/ng-cordova-oauth.js"></script> 
   <script src="cordova.js"></script> 
   

3. 体の終了タグの前のindex.html内のコードを含める：

   <script> 
       window.fbAsyncInit = function() { 
       FB.init({ 
       appId  : 'MyappID', 
       xfbml  : true, 
       version : 'v2.6' 
       }); 
   }; 
   
       (function(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.net/en_US/sdk.js"; 
       fjs.parentNode.insertBefore(js, fjs); 
       }(document, 'script', 'facebook-jssdk')); 
   </script> 
   

4. 以下は、私のlogin.htmlと次のとおりです。

   <button class="btn-margin-left button button-positive" ng-click="menuCtrl.fbLogin()"> 
       <i class="ion-social-facebook icon-size1 "></i> 
   </button> 
   

5. は、これは私のコントローラです：

   menuCtrl.fbLogin = function ($cordovaOauth,$http) { 
       facebookLogin(window.cordovaOauth, window.http); 
   } 
   

6. これは私のapp.jsです：

   angular.module("cgsi",['ionic', 'ngCordova','ngCordovaOauth']) 
       .config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider, $httpProvider, $logProvider, $sceDelegateProvider,$cordovaOauth,$http) { 
       window.cordovaOauth = $cordovaOauth; 
       window.http = $http; 
   }); 
   

私はエラー不明プロバイダー$ cordovaOauth を取得しています私が間違っつもりどこ私に教えてください？

Answer 1

あなたはその後、1つのコルドバアプリケーションを作成し、そしてUI側で一つのボタンを設定し、Facebookの開発者としてのアカウントを持っているし、テストのための1つのアプリを生成し、

https://developers.facebook.com/

するために必要なすべての最初の。

次に、次のプラグインをtest-appにインストールする必要があります。あなたが開発者のFacebookから見つけることができますAPP_IDとAPP_NAMEを追加する必要があるため

https://github.com/Wizcorp/phonegap-facebook-plugin

または

https://github.com/jeduan/cordova-plugin-facebook4

慎重にプラグインの上に通過してくださいテストアプリケーションを作成したアカウント。

そして、Facebookのログインコードを取得するには、関連するプラグインのドキュメントを参照する必要があります。

ありがとうございます。

Answer 2

あなたのコントローラーに依存性が注入されているかどうかわかりません。あなたが私の意味を理解してくれることを願っています。

まだ問題が同じ場合。Adding google plus login to ionic app

Googleの代わりにFacebookをお試しください。インストールが完了したら、他のすべてのプラグインを追加することができます。