在Angular2-Meteor应用程序中添加Facebook登录

Question

我正试图将Facebook认证添加到Angular2-Meteor应用程序中，该应用最初是教程中的社交应用，现在正在慢慢地被修改成一些不那么通用的应用。然而，在这个特定的用例上似乎没有太多的帖子。

注意:我已经在流星论坛和Gitter问过了，但没有成功。

以下是我所采取的步骤：

添加服务配置包

meteor add service-configuration

在server/services.ts中创建了一个文件，其中包含(使用我的实际键)：

ServiceConfiguration.configurations.upsert({
    "service": "facebook" 
}, {
    $set: {
        "settings": {
            "appId": “appid”,
            “secret": "secret",
            "loginStyle": "popup"
        }
    }
});

但是在编译时，我看到一个错误：

cannot find name 'ServiceConfiguration'

这让我认为这个包没有正确安装，但是卸载/重新安装它并没有解决这个问题，它显示在我的.meteor目录中。

客户端调用此方法时，在导入Meteor的组件中的按钮上有一个单击事件：

facebook() {
    Meteor.loginWithFacebook((err) => {
      if (err) {
        //Handle error
      } else {
        //Handle sign in (I reroute)
        this.router.navigate(['/home']);
      }
    })

，它引发控制台错误。

meteor_1.Meteor.loginWithFacebook is not a function

但我怀疑这是次要的事实，ServicesConfiguration没有注册。

该项目的Git如下：https://github.com/nanomoffet/ng2-starter，引用的文件为server/services.ts和client/app.ts。

Answer 1

目前，不可能在ServiceConfiguration中使用TypeScript。我在我的应用程序中所做的就是创建了一个Javascript文件，在其中我进行了ServiceConfiguration调用。

1. 流星添加服务配置
2. 创建文件./server/service-config.js Meteor.startup(() => { ServiceConfiguration.configurations.remove({ ServiceConfiguration.configurations.remove："facebook“})；ServiceConfiguration.configurations.insert({ service："facebook"，appId：''，loginStyle：”弹出“，秘：'‘})；}；

我只在谷歌上测试过，对我来说很好。