在流星中自定义登录按钮

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、twiter accounts-twitter

在流星中自定义登录按钮

Customizing LoginButtons in meteor

javascript

meteor

meteorite

meteor-blaze

meteor-accounts