如何使用 MEAN 堆栈和 ngResource 发布一些数据并获得结果

Question

我正在开发一个应用程序，并且我正在使用 MEAN 堆栈作为技术。在 AngularJS 中，我使用 ngResource 进行 CRUD 操作。任何人都可以建议如何将用户名和密码发送到服务器并返回响应以检查凭据是否有效。我需要 ngResource 和猫鼬代码方面的帮助。谢谢。

Answer 1

查看 mean.js 样板： https://github.com/meanjs/mean

你会很快看到他们是如何做到的：

moduleName.client.controller.js 将使用注入的 http 进行 http 调用。以下是来自/modules/users/client/controllers/authentication.client.controller.js 的调用示例（对代码进行了一些编辑，以便更容易查看您要查找的内容）：

AuthenticationController.$inject = ['$scope', '$state', '$http', 'Authentication'];

function AuthenticationController($scope, $state, $http, Authentication, ) {
  ...
  vm.authentication = Authentication;

  $http.post('/api/auth/signup', vm.credentials).success(function (response) {
    // If successful we assign the response to the global user model
    vm.authentication.user = response;

  }).error(function (response) {
    vm.error = response.message;
  });
}

现在，此调用已发布到“/api/auth/signup”。处理这条路由的文件位于/modules/users/server/routes/auth.server.routes.js：

modules.exports = function(app) {
  var users = require('../controllers/users.server.controller');
  ...
  app.route('/api/auth/signup').post(users.signup);
}

如您所见，路由（url）与您从客户端控制器调用的路由相匹配。由于来自控制器的 $http 调用是 $http.post()，因此路由条目必须匹配。你可以在上面看到它。 上面传递的参数users.signup 引用了另一个文件中的一个函数：/modules/users/server/controllers/users/users.authentication.server.controller.js。这是users 模块的身份验证部分的主控制器。现在，在这个文件中，我们可以看到 signup 函数被导出：

/* note: there are global variables here, see below */
exports.signup = function (req, res) {
  // For security measurement we remove the roles from the req.body object
  delete req.body.roles;

  // Init user and add missing fields
  var user = new User(req.body);
  user.provider = 'local';
  user.displayName = user.firstName + ' ' + user.lastName;

  // Then save the user
  user.save(function (err) {
    if (err) {
      return res.status(400).send({
        message: errorHandler.getErrorMessage(err)
      });
    } else {
      // Remove sensitive data before login
      user.password = undefined;
      user.salt = undefined;

      req.login(user, function (err) {
        if (err) {
          res.status(400).send(err);
        } else {
          res.json(user);
        }
      });
   }
 });
};

现在，这里发生了很多事情，但我们可以分解它。

req 变量是 $http 传递的 post 请求。 res 变量是客户端期望收到的响应。 请注意vm.credentials 是如何在$http.post('/api/auth/signup/', vm.credentials) 中传递的？这绑定到 req.body 并且可以由您的服务器控制器从那里访问。

所以在本例中，req.body 是在服务器上创建新用户所需的数据。这是使用 mongoose 完成的，它有一个名为 User 的模式。通过在控制器顶部声明全局变量来访问它：

var mongoose = require('mongoose'),
  User = mongoose.model('User');

可以看到上面实例化了一个新用户。它通过猫鼬调用.save() 保存。

最后，您的服务器函数应该使用传递给函数的res 变量来响应客户端的请求。看看成功创建用户后，函数如何调用

res.jsonp(user);

这是客户端的success()，它接受响应并将其绑定到局部变量vm.authentication.user

希望这会有所帮助！