已获oEmbed Read权限，如何自动获取Facebook最新帖子与视频？

要实现自动获取Facebook主页的最新3条帖子，核心是利用Graph API的页面帖子列表端点替代手动指定单个帖子URL的方式，以下是具体实现步骤：

1. 确定核心API端点 #

使用/{page-id}/posts端点直接拉取目标主页的帖子列表，无需手动指定单个帖子链接。你可以通过以下方式获取page-id：

• 访问Facebook主页的「关于」页面，在「联系信息」区域找到「页面ID」；
• 调用Graph API的/{username}?fields=id接口（需应用权限），通过主页用户名查询ID。

2. 配置API请求参数 #

请求时需指定必要字段和数量限制，示例参数如下：

• fields: 指定返回的帖子数据字段，推荐包含message,created_time,full_picture,permalink_url,type,embed_html（覆盖图文、视频等内容类型）；
• limit=3: 限制返回最新3条帖子；
• 访问令牌: 使用已通过审核的应用访问令牌（公开主页可直接使用，私密主页需页面访问令牌）。

3. 前端JS实现代码 #

推荐使用Facebook官方JavaScript SDK来处理API请求（避免CORS问题），以下是完整示例：

// 初始化Facebook SDK
window.fbAsyncInit = function() {
  FB.init({
    appId      : '你的应用ID',
    xfbml      : true,
    version    : 'v18.0' // 请使用最新API版本
  });

  // 拉取最新3条帖子
  FB.api('/{你的Page ID}/posts', {
    fields: 'message,created_time,full_picture,permalink_url,type,embed_html',
    limit: 3
  }, function(response) {
    if (response.error) {
      console.error('获取帖子失败:', response.error);
      return;
    }

    // 渲染帖子到页面容器
    const postContainer = document.getElementById('facebook-posts');
    response.data.forEach(post => {
      const postCard = document.createElement('div');
      postCard.className = 'fb-post-card';
      
      let postContent = '';
      // 区分帖子类型处理内容
      switch(post.type) {
        case 'video':
          // 优先使用返回的embed_html直接嵌入视频，无则跳转原文
          postContent = post.embed_html || `<a href="${post.permalink_url}" target="_blank">查看视频帖子</a>`;
          break;
        case 'photo':
          postContent = `<p>${post.message || ''}</p><img src="${post.full_picture}" alt="帖子配图">`;
          break;
        default:
          postContent = `<p>${post.message || '无文字内容'}</p>`;
      }

      // 添加发布时间和原文链接
      postContent += `
        <small class="post-time">${new Date(post.created_time).toLocaleString()}</small>
        <p><a href="${post.permalink_url}" target="_blank">查看Facebook原文</a></p>
      `;

      postCard.innerHTML = postContent;
      postContainer.appendChild(postCard);
    });
  });
};

// 动态加载SDK脚本
(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 = "https://connect.facebook.net/zh_CN/sdk.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

4. 关键注意事项 #

• 权限验证: 确保你的应用已获批pages_read_engagement和pages_show_list权限，这两个权限是拉取页面帖子的必要条件；
• 访问令牌: 若主页为非公开，需使用页面访问令牌（可通过Graph API Explorer生成）；
• API版本: 定期更新Graph API版本，避免因版本废弃导致接口失效；
• 错误处理: 需添加异常捕获逻辑，处理API请求失败、帖子无内容等场景。

内容的提问来源于stack exchange，提问作者janki3l