在PhoneGap Build中从Facebook获取信息

Getting information from Facebook inside PhoneGap Build

本文关键字:获取 信息 Facebook 中从 PhoneGap Build      更新时间:2023-10-05

根据JesseMonroy650的请求编辑:

我以前做过几个混合应用程序,但没有一个商业发布。我正在使用PhoneGap Build。位于此处:https://build.phonegap.com/我没有使用任何桌面应用程序。

原创内容:

我正试图在PhoneGap Build中从Facebook获取数据。

我有一个简单的脚本,看起来它应该基于API工作:

<script>
            document.addEventListener("deviceready", onDeviceReady, false);
            function onDeviceReady() {
                var fbLoginSuccess = function(userData) {
                    alert("UserInfo: " + JSON.stringify(userData));
                    facebookConnectPlugin.getAccessToken(function(token) {
                        alert("Token: " + token);
                    }, function(err) {
                        alert("Could not get access token: " + err);
                    });
                }
                facebookConnectPlugin.login(["public_profile"],
                        fbLoginSuccess,
                        function(error) {
                            alert("" + error)
                        }
                );
            }
</script>

我相信我已经正确地设置了config.xml:

<gap:plugin name="com.phonegap.plugins.facebookconnect" version="0.9.0">
    <param name="APP_ID" value="<ACTUAL APP ID HERE>" />
    <param name="APP_NAME" value="<ACTUAL APP NAME HERE>" />
</gap:plugin>

但我没有得到任何关于这个的警报(或者控制台日志,当我尝试的时候)。

  1. 所以我的问题是-我在这里正确使用PhoneGap构建Facebook API吗?我应该采取什么不同的做法?

  2. 这是一个不那么重要的问题-如果有人能指出我如何在不在本地安装Cordova的情况下在浏览器中运行相同的过程,则可以获得加分-如果这是可能的话

我认为您缺少一些分号(比如声明fbLoginSccess var的分号),请尝试使用以下代码

<script>
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    var fbLoginSuccess = function (userData) {
        alert("UserInfo: " + JSON.stringify(userData));
        facebookConnectPlugin.getAccessToken(function (token) {
            alert("Token: " + token);
        }, function (err) {
            alert("Could not get access token: " + err);
        });
    };
    facebookConnectPlugin.login(["public_profile"],
            fbLoginSuccess,
            function (error) {
                alert("" + error);
            }
    );
}
</script>

对于您的第一个问题:

将以下内容添加到config.xml中,并确保将config.xml与index.html文件放在根文件夹中:

<gap:plugin name="com.phonegap.plugins.facebookconnect">
    <param name="APP_ID" value="..." />
    <param name="APP_NAME" value="..." />
</gap:plugin>

将以下内容添加到您的index.html文件和您想要访问插件脚本的每个.html文件中:

<script scr="phonegap.js"></script>
<script src="cdv-plugin-fb-connect.js"></script > 
<script src="facebook-js-sdk.js"></script >

现在,阅读并遵循此处的文档。请务必注意标题为"Facebook要求和设置"的段落。

完成后,将压缩后的项目上传到build.phonegap.com,等待项目编译。

对于您的第二个问题:

如果不安装Cordova,就不可能在浏览器上进行任何测试。目前它是"开箱即用"