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

你可以在這里看到我們使用accounts-password包提供的函數LoginWithPassword 。

我會建議你幾個很好的教程來擴展這個功能：

流星自定義登錄和注冊表單

擴展流星用戶

在創建新用戶時向用戶對象添加屬性

還有一套名為用戶帳戶的Meteor軟件包，可以為您完成所有這些（以及更多）。