如何使用react-native-fbsdk的GraphRequest实现Facebook帖子自动分享

代码问题排查 #

• 重复声明postRequestParams变量，你先后两次用const定义同名变量，后定义的带link的配置会直接覆盖带message的配置，实际发请求时只带了link参数没有自定义文案。
• Graph API版本过低，你使用的v2.9已经被Meta废弃多年，接口规则早就发生变更，建议更换为当前支持的稳定版本（比如v18.0）。
• 回调逻辑没有处理错误信息，你只打印了result，接口返回的具体错误信息都在error参数里，无法直接定位报错原因。
• 缺少发布权限，向/me/feed发POST请求需要用户授权publish_actions权限，这个权限需要你先在Facebook开发者后台的应用面板中提交申请，用户登录时也要主动请求该权限，否则接口会直接返回403错误。

修复后的代码 #

postToFacebook = async () => {
  try {
    // 先确认用户已经授权发布权限
    const granted = await LoginManager.logInWithPermissions(['public_profile', 'publish_actions']);
    if (granted.isCancelled) {
      console.log('用户拒绝了授权');
      return;
    }

    const data = await AccessToken.getCurrentAccessToken();
    if (!data) {
      console.log('未获取到有效AccessToken');
      return;
    }

    const tempAccesstoken = data.accessToken;
    console.log('AccessToken：', tempAccesstoken);

    const _responseInfoCallback = (error, result) => {
      if (error) {
        console.log('请求报错：', error);
        return;
      }
      console.log('发布成功，帖子ID：', result);
    }

    // 合并参数，不要重复声明变量
    const postRequestParams = {
      message: {
        string: "Hello world!"
      },
      link: { 
        string: 'https://www.google.com' 
      }
    }

    const postRequestConfig = {
      httpMethod: "POST",
      version: "v18.0", // 更换为当前可用的新版API
      parameters: postRequestParams,
      accessToken: tempAccesstoken
    }

    const infoRequest = new GraphRequest(
      "/me/feed",
      postRequestConfig,
      _responseInfoCallback,
    );

    new GraphRequestManager().addRequest(infoRequest).start();
  } catch (error) {
    console.log('执行异常：', error)
  }
}

额外注意事项 #

• 如果你是要发布到Facebook公共主页而非个人主页，需要调用/page-id/feed接口，同时要获取对应主页的发布权限和主页访问令牌。
• 未上架的测试应用只能给应用后台添加的测试用户、开发者账号发布内容，普通用户调用接口会直接失败。
• 纯文字不带链接/图片的发布，目前新版API已经不支持个人账号使用，必须附带至少一个合法的链接或者媒体资源。

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