Question

我正在meteor中构建一个登录页面。它有一个facebook登录按钮，gmail登录按钮和linkedin登录按钮。然后我有一个Meteor的默认登录表单。

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

谢谢和问候。

Answer 1

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

你可以使用HTML和CSS在任何你想要的位置使用按钮。但是这些按钮的onclick事件只需调用loginWith<Service>方法（link to 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，以便更新accounts-twitter

在流星中自定义LoginButtons

1 个答案: