facebook - Cordova /Phonegap : Can't get Facebook Phonegap plugin to work

Question

我尝试创建一个 Cordova/Phonegap 应用程序并添加 Facebook 插件，但是 alert(typeof facebookConnectPlugin);显示未定义:

sudo npm install -g cordova
cordova create hello com.example.hello HelloWorld
cd hello
cordova platform add ios
cordova -d plugin add https://github.com/phonegap/phonegap-facebook-plugin --variable APP_ID="1415347585409217" --variable APP_NAME="Test"
vi www/index.html  # Add: alert(typeof facebookConnectPlugin); to the last <script>
cordova emulate ios

预期:模拟器在警告对话框中显示“Object”。

实际:模拟器在警告对话框中显示“未定义”。

有人知道我做错了什么吗？

---

更新:感谢 Devgeeks 在下面的回答。

为了让它正常工作，我还需要做一些其他事情:

1) 安装插件的较新的“develop”分支:

cordova -d plugin add "https://github.com/phonegap/phonegap-facebook-plugin#develop" --variable APP_ID="1415347585409217" --variable APP_NAME="Test"

2) 在开始标签下面添加以下内容:

<!-- fb-root is needed by the FB API. -->
<div id="fb-root"></div>

3) 如果您希望 FB 登录在浏览器中工作(用于测试)，请将 www/js/facebookConnectPlugin.js 复制到您的应用程序中。然后将其包含在结束标记之前:

<script src="facebookConnectPlugin.js"></script>

然后将以下内容添加到您的部分:

<script>
  window.fbAsyncInit = function () {
      if (!window.cordova) {
        // Initialize - only executed when testing in the browser.
        facebookConnectPlugin.browserInit(308939305080);
      }
  }
</script>

如果您收到“应用程序配置不允许给定的 URL。:应用程序的设置不允许一个或多个给定的 URL。它必须与网站 URL 或 Canvas URL 匹配，或者域必须是子域App 的域之一。”，编辑 facebookConnectPlugin.js 并将 sdk.js 更改为 sdk/debug.js 。

4) 如果您在构建适用于 Android 的应用程序时遇到以下问题:

sdk.dir is missing. Make sure to generate local.properties using 'android update project' or to inject it through an env var

尝试运行以下命令(来自 Issue 432 ):

cp platforms/android/local.properties platforms/android/FacebookLib

Answer 1

Add: alert(typeof facebookConnectPlugin); to the last <script>

信不信由你，这符合预期。

插件在 deviceready 之前不可用事件已触发:http://docs.phonegap.com/en/3.5.0/cordova_events_events.md.html#deviceready

尝试检查 facebookConnectPlugin在onDeviceReady生成的 www/js/index.js而不是立即触发的标签？