angularjs - 使用 REST API 和 JavaScript 前端(例如 Angular)进行模型验证的最佳实践

Question

我正在过渡到响应速度更快的前端网络应用程序，我对模型验证有疑问。这是设置:服务器有一个标准的 REST API，用于插入、更新、检索等。这可以用 Node 或 Java Spring 编写，这无关紧要。前端是用 Angular(或类似的)之类的东西编写的。

我需要弄清楚将验证码放在哪里。要求如下:

• 所有的验证代码应该只写在一个地方。不是客户端和服务器。这意味着它应该驻留在服务器上，在持久化时位于 REST API 内。

• 前端应该能够理解来自服务器的验证错误并将它们与导致错误的特定字段相关联。因此，如果“用户名”字段是必填字段，则客户端可以在该字段旁边放置一个错误，提示“用户名是必填字段”。

• 应该可以验证正确的变量类型。因此，如果我们需要一个数字或日期，却得到了一个字符串，则错误将类似于“'Yo' is not a correct date.”。

• 错误消息应本地化为用户的语言。

谁能帮帮我？我需要一些简单而强大的东西。

谢谢

Answer 1

当验证输入失败时，您可以返回适当格式的响应(假设您使用 JSON)以包含错误消息以及正确的 HTTP 错误代码。

正在处理一个带有 Symfony 后端的项目，使用 FOSRestBundle 来提供适当的 REST API。使用 Symfony 的表单组件，只要输入有问题，就会生成结构良好的 JSON 响应，并在出现意外情况时将错误消息映射到字段或顶层输入。