Meteor帐户 - 自定义登录页面

Question

在Meteor中,我使用基于帐户的插件进行身份验证系统.现在,我需要创建自定义登录页面,我该如何实现呢？

Answer 1

这是最基本的html和js,可以让你开始工作.将两个文件放入应用程序的客户端文件夹中.

客户机/ login.html的

<template name="login">
 <h1>Custom login page for Aparna</h1>
 <form>
  <p>Email:</p>
  <input type="email" name="email" id="email" /><br />
  <p>Password:</p>
  <input type="password" name="password" id="password" /><br />
  <input type="submit" value="Submit" />
 </form>
</template>

您需要将登录模板包含在主模板中,具体取决于您希望实现登录表单的位置和方式以及您使用的路由器.

客户机/ login.js

Template.login.events({
 'submit form': function(e) {
  e.preventDefault();
  var email = event.target.email.value;
  var password = event.target.password.value;
  Meteor.loginWithPassword(email, password);
 }
});

你可以在这里看到我们使用包LoginWithPassword提供的功能accounts-password.

我会建议你几个很好的教程来扩展这个功能:

流星自定义登录和注册表单

扩展流星用户

在创建新用户时向用户对象添加属性

还有一套名为用户帐户的Meteor软件包可以为您完成所有这些工作(以及更多).