2013-06-18 41 views
1

我正在努力掌握流星,但我是一个初学者。在这里寻求一个非常基本的东西的帮助。如何用流星创建一个登录系统?

如何创建2种形式(登录名和密码输入)和一个按钮,将注册使用Accounts.createUser(options, [callback])

我需要了解如何两种形式拴在功能非常基本的东西的帐户。

编辑:我试过一件事。尽管完全失明。

if (Meteor.isClient) { 
    Template.login.account = function() { 
    if (Meteor.user() == null) { 
     return 
      <form id="login"> 
       <input type="email" id="email" /> 
       <input type="text" id="logintext" /> 
       <input type="password" id="password" /> 
      </form> 

     }; 
    }; 
    Template.login.events({ 
    'click input' : Sumbit(); 
    }) 
    } 

function Sumbit(){ 
    var login, password, email; 
    document.getElementById('email').value = email; 
    document.getElementById('logintext').value = login; 
    document.getElementById('password').value = password; 
    Accounts.createUser(login, email, password) 
} 
+0

@BigTeddy是对的。另外,你不能直接在JavaScript文件中编写你的模板,你必须创建一个带'.html'扩展名的单独文件。 – mquandalle

+0

@mquandalle我在那里制作了带有模板的.html文件。只是没有在这里添加它,我的坏。 – Euphe

回答

3

流星已经为您提供了一个相当不错的用户系统:accounts-api

而对于登录形式:只需添加帐户的用户界面包(meteor add accounts-ui)和功能添加到您的模板:

<template name="main"> 
    {{loginButtons}} <!--These are your login-buttons --> 
</template> 

有关更多信息:here是accounts-ui软件包的文档。

+0

感谢您的帮助!我仍然想知道是否有一种“手动”的方式来做到这一点,用于学习purpours。因为不知道如何将输入放入变量是愚蠢的 – Euphe

1

还有一种手动的方式。看看Ben的这篇文章:http://blog.benmcmahen.com/post/41741539120/building-a-customized-accounts-ui-for-meteor

诀窍是创建一个表单,从提交的表单中取值并将它们传递给Accounts.createUser()。

通过这些值,比如电子邮件和密码,让Meteor能够在创建帐户时完成繁重的工作。

Accounts.createUser()的文档:
http://docs.meteor.com/#accounts_createuser

凭借独特的领域,如年龄,名字,为你的注册网页,把配置文件中的嵌套的细节。

这是一个非常类似的登录用户的过程。除了'Account.createUser'之外,您将使用'Meteor.loginWithPassword'。您将用户输入的详细信息从您创建的登录表单中输入,Meteor将检查用户是否存在,然后为其创建会话。

这是我所有的初学者开发/流星的理解。但我相信这是基本流程。