将Facebook登录添加到离子应用程序 [英] Adding Facebook login to ionic app

问题描述

我也是Angular和Ionic的新手。

尝试了以下教程：

a href =https://www.sitepoint.com/how-to-integrate-facebook-login-into-a-cordova-based-app/ =nofollow> 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-positiveng-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 stateProvider，$ urlRouterProvider，$ ionicConfigProvider，$ httpProvider，$ logProvider，$ sceDelegateProvider，$ cordovaOauth，$ http）{
    window.cordovaOauth = $ cordovaOauth; 
    window.http = $ http; 
    }）; 
     

我遇到错误 $ cordovaOauth
请让我知道我在哪里出错？

解决方案

要有Facebook开发人员帐户并生成一个应用程序进行测试，

https://developers.facebook.com/

然后创建一个cordova应用程序，并在UI侧设置一个按钮。

然后您需要在测试应用程序中安装以下插件。

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

或

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

请仔细阅读上述插件，因为您需要添加您的app_id和app_name，您可以从您创建测试应用程序的developer-facebook帐户找到它。

，然后您需要通过相关的插件文档获取Facebook登录代码。

谢谢。 / p>

I am newbie to a Angular and Ionic as well.

Tried the following tutorial:

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

Steps performed: 1.In app browser is installed.

2. Included libraries.

   <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. Include code inside index.html before body closing tag:

   <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. Following is my login.html :

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

5. This is my controller :

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

6. This is my app.js :

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

I am getting error Unknown provider $cordovaOauth Please let me know where i am going wrong?

解决方案

first of all you need to have account as facebook developer and generate one app for test,

https://developers.facebook.com/

then create one cordova application and and set one button in UI side.

Then you need to install following plugin in your test-app.

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

or

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

please go through above plugin carefully because you need to add your app_id and app_name which you can find from developer-facebook account where you created your test app.

and then you need to go through related plugin documentation for getting facebook login code.

Thank you.

这篇关于将Facebook登录添加到离子应用程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！