如何使用 ian:accounts-ui-bootstrap-3 根据 Meteor 中的用户输入设置配置文件字段值？答案

【问题标题】：How to set a profile field value based on user input in Meteor using ian:accounts-ui-bootstrap-3?如何使用 ian:accounts-ui-bootstrap-3 根据 Meteor 中的用户输入设置配置文件字段值？
【发布时间】：2016-08-04 20:09:30
【问题描述】：

我正在使用ian:accounts-ui-bootstrap-3 在我的 Meteor 应用程序中创建帐户。在那个应用程序中，我使用的是稍微定制的版本，用户在其中说明他/她的用户名和性别。

Accounts.ui.config({
    requestPermissions: {},
    extraSignupFields: [{
        fieldName: 'username',
        fieldLabel: 'Username',
        inputType: 'text',
        visible: true,
        validate: function(value, errorFunction) {
            if (!value) {
                errorFunction("Please write your username");
                return false;
            } else {
                return true;
            }
        }
    }, {
        fieldName: 'gender',
        showFieldLabel: false, // If true, fieldLabel will be shown before radio group
        fieldLabel: 'Gender',
        inputType: 'radio',
        radioLayout: 'vertical', // It can be 'inline' or 'vertical'
        data: [{ // Array of radio options, all properties are required
            id: 1, // id suffix of the radio element
            label: 'Male', // label for the radio element
            value: 'm' // value of the radio element, this will be saved.
        }, {
            id: 2,
            label: 'Female',
            value: 'f',
            checked: 'checked'
        }],
        visible: true
    }, ]
});

这很好，我得到了一个用户，他的数据（有些删节）看起来像这样：

{
    "username" : "testuser",
    "emails" : [
        {
            "address" : "test@test.com",
            "verified" : false
        }
    ],
    "profile" : {
        "username" : "testuser",
        "gender" : "f"
    }
}

现在我想使用“gender”值将一个名为“avatar”的新字段设置为“generic-male.png”或“generic-female.png”。在https://stackoverflow.com/questions/34435674/meteor-accounts-entry-how-to-set-extrasignupfields-to-meteor-user-profile 的帖子中，建议使用帐户。 onCreateUser 机制。于是我就这样写了，放在服务器目录下的main.js文件中：

Accounts.onCreateUser(function(user){
  if (user.gender=='m') {
    user.avatar = "generic-male.png"
  } else {
    user.avatar = "generic-female.png"
  }
})

但这会产生以下错误：

Exception while invoking method 'createUser' Error: insert requires an argument

我想这是因为用户参数没有传递给 onCreateUser 方法。但是应该怎么做呢？

【问题讨论】：

在您的 Accounts.onCreateUser 函数中返回 user 应该可以解决您的问题。

标签： javascript meteor twitter-bootstrap-3 meteor-accounts

【解决方案1】：

您需要在您的accountsServer.onCreateUser(func) 函数中返回user：

该函数应返回用户文档（传入的任一或新创建的对象）进行任何修改。返回的文档直接插入到 Meteor.users 收藏。

例如：

Accounts.onCreateUser(function(user){
  if (user.gender === 'm') user.avatar = "generic-male.png";
  else user.avatar = "generic-female.png";
  return user;
});

【讨论】：