facebook jsAPI汇总

最新推荐文章于 2020-11-24 16:39:03 发布

vonvon_chris

最新推荐文章于 2020-11-24 16:39:03 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： facebook

本文链接：https://blog.youkuaiyun.com/Akony/article/details/78902755

Web 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍了Facebook的JavaScript API，包括如何初始化函数、实现登陆功能、获取登陆用户的详细信息、以及获取用户喜欢的应用列表。此外，还涵盖了分享功能的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始化函数

window.fbAsyncInit = function() {
  FB.init({
    appId      : '****',
    xfbml      : true,
    version    : 'v2.11',
    cookie: true
  });
  FB.AppEvents.logPageView();
  // 检测登陆状态函数
  FB.getLoginStatus(function(response) {
    //callback()
  })
};

登陆函数

var scope = ['public_profile', 'user_friends', 'user_posts', 'user_photos', 'user_hometown', 'user_location', 'user_birthday',  'user_likes', 'email', 'publish_actions'];
var scope_str = scope.join(',');
//权限列表
var params = {
  scope: scope_str,
  display: 'touch',
  response_type: 'token'
};
FB.login(function(response){
  console.log("after login call back");
  if(response.status == 'connected'){
    //获取用户详情
    //initUserInfo();
  }
},params);

获取登陆用户详细信息

FB.api('/me?locale=en_US', 'get', {fields: 'name, birthday, gender, last_name, first_name'}, function(user) { 
  if(user != null) {
  console.log(user)
  //用户头像
  console.log("https://graph.facebook.com/" + user.id + "/picture?type=large")
  }
});

获取用户like应用列表

FB.api('/me/likes/', function(response) {
  // 也可以'/me/likes/'+appId 查看单个应用是否关注
  console.log(response.data)
});

分享功能

<meta property="fb:app_id" content="****" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ quiz.title }}" />
<meta property="og:description" content="{{ description_text }}" />
<meta property="og:image" content="{{ answer_img_url_for_share }}" />
<meta property="og:url" content="{{request.build_absolute_uri}}" />

FB.ui({
  method: 'share',
  href: window.location.href
}, function(response){
  //callback
  //fbq('track', 'CompleteRegistration') //click facebook share 分享收集
});