如何创建流星OAuth登录按钮类似于那些在帐户- ui

Question

目前我在导航栏中使用Meteor-Accounts-UI-Bootstrap-3-Blaze包，这几乎是带有bootstrap的Accounts-UI包。

我想有一个单独的注册表单的启动屏幕，而不是仅仅有它在导航栏(类似于Facebook和Twitter在他们的启动屏幕)。

有没有什么简单的方法来获取account - ui中的内容包下拉并显示在启动屏幕上?

或

是否有任何简单的方法来制作一个快速的OAuth登录按钮闪屏吗?

谢谢

Answer 1

如果你想为Google OAuth登录流程创建一个id为googleLoginButton的自定义按钮，你可以这样做

Template.myTemplate.events({
  'click #googleLoginButton': function() {
    Meteor.loginWithGoogle();
  }
});

如果你想添加作用域

Meteor.loginWithGoogle({ requestPermissions: ['email', 'profile'] });

注意:您仍然需要进行初始配置，其中添加了clientId和clientSecret。

我所做的是有一个助手来检查服务是否配置，如果没有显示{{> loginButtons}}

Template.myTemplate.helpers({
  google_configured: function() {
    return ServiceConfiguration.configurations.findOne({service: 'google'});
  }
});

您可以使用servicecconfigurationcollection来查询您已配置的所有OAuth服务，并为它们定制登录按钮