5

Javascript でアプリを開発し、Phonegap を使用して Android および iOS にデプロイしたいと考えています。Facebook を使用してアプリにログインしたいと考えています。

それで、phonegap-facebook プラグインをチェックアウトしたところ、すべて正常に機能しました (FB を使用してログインできました)。問題は、プラグインで提供されるサンプル コードを「角化」したい場合です。index.html には、次のように JS が埋め込まれています。

<script>
  // Initialize the Facebook SDK
  document.addEventListener('deviceready', function() {
      FB.init({
          appId: 'XXX',
          nativeInterface: CDV.FB,
          useCachedDialogs: false
      });

      FB.getLoginStatus(handleStatusChange);

      authUser();
      updateAuthElements();
  });
</script>

呼び出された js メソッドは、(document.getElementById を使用して) 表示を直接更新します。次のようなものを使用してFacebookのトークンと名前を印刷するために、index.htmlとjavascriptコードの間にバインディングを作成したい

{{user.token}} and {{user.names}}

誰かがそのようなことを実現できましたか？

どうもありがとう！

4

2 に答える 2

2

誰かがまだ同じことをしようとしているなら、私はこれと長い時間をかけて戦い、最終的にはかなり長いブログ投稿を書き、それをどのように機能させたかを詳しく説明しました.

上記のsubZeroのコメントのGistを含む多くの既存の提案を試しましたが、デバイスエミュレーター上のPhonegapプロジェクトで動作させることができませんでした.

私の投稿では、Phonegap + FB プラグイン + AngularJS を使用して新しいプロジェクトをブートストラップする方法について説明していますが、私にとってこれを簡単に行うための重要な欠落部分と「Angular の方法」はangular-easyfbモジュールでした。これは最近 Phonegap サポートを追加しただけだと思います。これで立ち往生している場合は、一見の価値があります。

このモジュールを使用した私のデモ アプリ コードは、この gistにあります。

于 2014-05-21T08:21:56.500 に答える
0

これは機能しますか？

angular.element('[ng-controller=<name of the controller>]').scope().user = {token: <the extracted token>, names: <the extracted names>}
于 2013-12-27T11:30:21.633 に答える