在流星中自定义LoginButtons

Question

我正在建立流星的登录页面。 它具有一个Facebook登录按钮，Gmail登录按钮和linkedin登录按钮。 然后，我有一个流星的默认登录表单。

到目前为止一切都很好。 唯一的挑战是，我需要将所有这些社交网络登录按钮放在Meteor的默认登录表单下方。 我该怎么做？

谢谢并恭祝安康。

Answer 1

您可以通过UI设计跳过使用accounts-ui软件包并根据需要构建登录页面。

您可以在HTML和CSS中使用任意位置的按钮。 但是这些按钮的onclick事件只需调用loginWith<Service>方法（ 链接到doc ）

要使用facebook按钮登录，请使用

Template.myLogin.events({
   'click .facebook-login': function(){
      Meteor.loginWithFacebook(
         requestPermissions: ['email', 'user_about_me']
         }, function(err){
             if !err 
              console.log("Facebook login successful")
          }
      )
    }, 
    "click .twitter-login": function(){
       Meteor.loginWithTwitter(
         requestPermissions: ['email']
         }, function(err){
             if !err 
              console.log("Twitter login successful")
          }
       )
   }
})

为了使上述工作正常进行，您需要添加有关服务的第一个程序包，例如对于facebook accounts-facebook ，对于twiter accounts-twitter