自定义 meteor 中的登录按钮

Customizing LoginButtons in meteor

本文关键字：登录 按钮 meteor 自定义      更新时间：2023-09-26

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

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

谢谢和问候。

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

您可以使用HTML和CSS在任何帖子中使用按钮。但是这些按钮的onclick事件只是调用loginWith<Service>方法（链接到文档）

要使用脸书按钮登录，请使用 

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")
          }
       )
   }
})

要使上述工作，您需要添加相关服务的第一个包，例如 脸书accounts-facebook ，用于 twiter accounts-twitter

相关文章：