面向Facebook集成的IBM Worklight步骤?

时间:2014-09-08 06:37:53

标签: facebook ibm-mobilefirst

我是Worklight的新手,我想在我的应用程序中集成Facebook我确实按照此链接https://developers.facebook.com/docs/javascript/quickstart/v2.1但是当我运行应用程序时,屏幕上没有显示任何帮助? 这是我的代码

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Social Media App</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-      scale=1.0, user-scalable=0">
      <!--
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
        -->
<link rel="stylesheet" href="css/main.css">
<script>window.$ = window.jQuery = WLJQ;</script>
</head>

<body style="display: none;">

<!--        Setup the Facebook SDK for JavaScript -->
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '721457581245356',
      xfbml      : true,
      version    : 'v2.1'
    });
  };

  (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 = "js/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
  </script>

  <!--application UI goes here-->
      Facebook Page

  <div class="fb-like" 
     data-share="true" 
     data-width="450"
     data-show-faces="true"></div>

  <script src="http://connect.facebook.net/en_US/all.js"></script>
  <script src="js/initOptions.js"></script>
  <script src="js/main.js"></script>
  <script src="js/messages.js"></script>
</body>
</html>

2 个答案:

答案 0 :(得分:2)

这是解决方案...... 只需删除此行...

<script src="http://connect.facebook.net/en_US/all.js"></script>

和剩下的代码一样...... 它的作品都很好:))

答案 1 :(得分:0)

对于基本的Facebook集成,请按以下步骤操作:

  1. 转到 Facebook开发者网站 - - 应用 - 您的应用名称(在“应用”标签中查找您的应用)。
  2. 点击应用(现在您已进入应用信息中心)。
  3. 点击右侧的使用入门标签。
  4. 选择一个平台以开始使用。
  5. 在这里,您将找到基本Facebook集成的步骤,将应用程序中的代码复制粘贴,只需按照说明操作即可。

    希望这有帮助。