2

我正在为一家小公司做一个实习文档共享项目。我想用流星做到这一点。我对 html/javascript 很常见，但对数据库却没有。我的问题是处理用户。由于我在这里的研究，我不确定是否已经可以在客户端创建用户。官方文档显示了一些如何处理用户的方法，但没有示例。我试图在服务器端创建一个列表，如下所示：

Users = new Meteor.Collection("users");

然后我想在启动时插入一个用户，如下所示：

//on Client side
if (Meteor.isClient) {
var username = "My Name";

    Meteor.call("create_user", username, function(error, user_id) {
         Session.set("user_id", user_id);
});
}

//on Server side
if(Meteor.is_server) {
Meteor.methods({
    create_user: function(username) {
        console.log("CREATING USER");
        var USER_id = Users.insert({name: username});
        return user_id;
    },
});
}

但是读取html模板中的用户名不起作用......

有没有注册和登录的好例子？

干杯

4

3 回答 3

7

在 Meteor 中添加帐户功能非常容易。可能是简单的电子邮件、密码，或者使用 facebook connect/twitter 等。

执行以下操作以获取一个设置了用户帐户的简单流星应用程序..

meteor create simpleapp
cd simpleapp

添加accounts-ui和accounts-password包

meteor add accounts-ui
meteor add accounts-password

您只需添加其他帐户相关的包来实现 facebook/twitter/github/google 登录等

要列出其他可用的流星包，请使用此命令

meteor list

现在编辑您的 simpleapp.html 文件以添加登录按钮等。

<head>
  <title>simpleapp</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click" />
  {{loginButtons}}
</template>

我只是添加{{loginButtons}}到默认的 html 文件中以添加默认的登录按钮..

现在运行流星应用程序并转到 localhost:3000

meteor

您无需做太多工作就实现了登录功能。4-5行代码，它甚至可以处理忘记密码、注册新用户等事情

接下来是您需要在用户登录时显示特定的 html。您可以使用{{currentUser}}全局

你相应地实施它

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Click" />
  {{loginButtons}}
  {{#if currentUser}}
    {{> loggedInTemplate}}
  {{else}}
    {{> loggedOutTemplate}}
  {{/if}}
</template>

<template name="loggedInTemplate">
  <!-- user is logged in -->
</template>
<template name="loggedOutTemplate">
  <!-- user is logged out -->
</template>
于 2013-01-08T11:32:40.213 回答
1

您不需要手动创建用户系统。只需使用帐户包：

Meteor Accounts 系统建立在发布和方法中的 userId 支持之上。核心包添加了存储在数据库中的用户文档的概念，附加包添加了安全密码验证、与第三方登录服务的集成以及预构建的用户界面。

不过，您的代码应该可以工作。但是您没有将用户名属性公开给客户端，所以也许这就是您在模板中看不到它的原因。

于 2013-01-08T09:53:50.583 回答
0

好的，谢谢，这很容易。但是所以我不能修改loggedInTemplate 或loggedOutTemplate。

我向你展示我所拥有的：

//the html

<head>
   <title>myApp | documents</title>
</head>

<body>
<div id="headerBox">
    {{> header}}
</div>
<div id="sideBox">
    {{> side}}
</div>
<div id="contentsBox">
    {{> contents}}
</div>
</body>


<template name="header">
<h1>Company name</h1>
</template>

<template name="contents">
{{#if currentUser}}
   <p>Welcome to documents</p>
{{else}}
   <h3>Hello! Please log in!</h3>
   <p><input type="text" id="username" placeholder="Username"><input type="text" id="password" placeholder="Password"><input type="button" value="log me in!"></p>
{{/if}}
 </template>

 <template name="side">
<p>Hello {{ activeUser }}</p>
<p><input type="button" value="Create New Document" onclick="createPage()"></p>
<h3>Documents:</h3>
 </template>

和

//client.js

Pages = new Meteor.Collection("pages");

Meteor.startup(function() {
   Session.set("activeUser", "please log in!");
});

Template.side.activeUser = function() {
    return Session.get("activeUser");
};

和

//server.js

Meteor.startup(function() {
    Accounts.createUser({username: "MyName", email: "me@example.com", password: "123456"});
});

我正在寻找一种手动方式来记录这个在启动时创建的用户。当然后来允许这个用户创建新用户......

问题是添加

// Returns an event_map key for attaching "ok/cancel" events to
// a text input (given by selector)
var okcancel_events = function (selector) {
    return 'keyup '+selector+', keydown '+selector+', focusout '+selector;
};

// Creates an event handler for interpreting "escape", "return", and "blur"
// on a text field and calling "ok" or "cancel" callbacks.
var make_okcancel_handler = function (options) {
var ok = options.ok || function () {};
var cancel = options.cancel || function () {};

return function (evt) {
    if (evt.type === "keydown" && evt.which === 27) {
    // escape = cancel
    cancel.call(this, evt);
  } else if (evt.type === "keyup" && evt.which === 13) {
    // blur/return/enter = ok/submit if non-empty
    var value = String(evt.target.value || "");
    if (value)
      ok.call(this, value, evt);
    else
      cancel.call(this, evt);
   }
 };
};

Template.contents.events = {};

Template.contents.events[okcancel_events('#password')] = make_okcancel_handler({
    ok: function (text, event){
        var usernameEntry = document.getElementById('username');
        var passwordEntry = document.getElementById('password');
        Meteor.loginWithPassword({usernameEntry, passwordEntry});
        event.target.value = "";    
    }
});

对客户端不起作用...

于 2013-01-09T10:18:58.843 回答