facebook - 获取 PSID : Angular2 and Facebook messenger extension

Question

自从我开始为这个问题而苦苦挣扎已经一周了。

我想为 Facebook 机器人创建一个 webview，我只想获取用户的 psid。使用纯 javascript 一切顺利:我可以使用 window.extAsyncInit() 并等待 Facebook 初始化...但是如果我使用的是 Angular2，我该怎么办？

我尝试将它添加到@Component:

host: {
    '(window:extAsyncInit)': 'this.facebookinit($event)'
  }

我试图在组件内部使用它来模仿滚动监听器的行为:

@HostListener('window:extAsyncInit', ['$event']) onFbEvent($event){
    console.log("called");
  } 

我尝试了在 stackoverflow 中找到的所有可能的组合...但我仍然被阻止。目前我解决了仅响应某些点击事件调用 MessengerExtensions 的问题，但现在我真的需要它在 webview 出现时可用，而我必须避免未定义问题的唯一方法是使用 extAsyncInit。

你能帮帮我吗？

更新:我也尝试过使用 Renderer2 listen，并将 facebook javascript 代码复制到 Assets 文件夹中，并在导入列表下方声明 MessengerExtension。但是还是没有结果!

Answer 1

ngx-facebook 给你:) https://github.com/zyra/ngx-facebook

但是，我不知道它是否兼容最新的 Angular。