JavaScript - 仅当用户实际关注时才触发 Twitter 意图 "follow"回调

Question

我正在开发的产品: RequeSTLy - Chrome 和 Firefox 扩展设置重定向、修改 header 、切换主机、插入用户脚本 ( https://www.requestly.in/ )

我正在尝试做的事情:如果用户完成了一组步骤，RequeSTLy 就会提供 30 天的免费 G​​OLD 计划访问权限。其中之一就是在 Twitter 上关注我们。我想验证用户是否确实在 Twitter 上关注了我们。

 //After loading widgets.js    
    function followIntent (intentEvent) { 
        console.log("User Followed")
    };    
    twttr.ready(function (twttr) {
      twttr.events.bind('follow', followIntent);
    });

问题:只要用户单击“关注”按钮，就会触发“followIntent”函数。我希望仅在用户成功关注我们后才调用它。我怎样才能实现这个目标？

Answer 1

假设您遇到问题，follow 事件发生在用户单击“follow”按钮的事件与实际发生的“follow”事件之间。您始终可以通过 GET follower/ids 调用 Twitter API 进行验证。虽然看起来有点没必要……

function followIntent (intentEvent) { 
  if (!intentEvent) return;
  followerVerification(intentEvent.data.user_id);
};

async function followerVerification (userID) {
  // make your API request here
  var userList = await twitterAPIRequest();
  if (userList.includes(userID)){
    console.log("User Followed")
  } else {
    console.log("User Not Followed")
  }
}

function twitterAPIRequest() {
  var settings = {
    "async": true,
    "url": "https://api.twitter.com/1.1/followers/ids.json?screen_name=twitterdev",
    "method": "GET",
    "headers": {
      // Your app autherization stuff
    }
  }

  $.ajax(settings).done(function (response) {
    return response.ids;
  });
}

twttr.ready(function (twttr) {
  twttr.events.bind('follow', followIntent);
});