Question

我在我的framework7代码上实现登录FB时遇到了问题。它没有显示按钮，如下所示：

<div class="panel panel-left panel-reveal">
      <div class="content-block">
        <p>Left panel content goes here</p>
        <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
        </fb:login-button>
        <button class="btn-default" scope="public_profile,email" onlogin="checkLoginState();">Login fb</button>
      </div>
    </div>

如何解决这个问题？

Answer 1

您的项目是否在Cordova环境中？，我建议你使用cordova fb插件 https://github.com/Wizcorp/phonegap-facebook-plugin

像魅力一样开采工作

登录页面

                    <li class="item-link">
                        <a class="signin button button-raised">Sign In</a>
                    </li>
                    <li class="item-link">
                        <a class="registerpage button button-raised">Register</a>
                    </li>
                    <li class="item-link">                                
                        <span id="facebookLogin" class="button button-fill color-blue">Login With Facebook</span>                                                                
                    </li>
                    <li class="item-link">
                        <span id="googleLogin" class="button button-fill color-red">Login With Google</span>
                    </li>
                </ul>
            </div>

初始化函数

$（＆＃39; #hbsLogin＆＃39;）。on（＆＃39; click＆＃39;，function（）{ Facebook登入（）; }）

facebookLogin功能

function facebookLogin() {        
   facebookConnectPlugin.login(["public_profile", "user_birthday", "user_hometown", "email"],
    fbLoginSuccess,
    function (error) { app.app.alert(JSON.stringify(error)) }
);

 var fbLoginSuccess = function (userData) {      
   // use token from userData to your existing login system
   //userData.authResponse.accessToken 
  };

}

使用FB按钮Framework7登录

1 个答案: