Xác nhận hợp lệ ứng dụng khách với WebApi

Question

Tôi đang cố thực hiện xác thực phía máy khách trên các đối tượng của tôi quay lại thông qua WebApi. Tôi gửi thực thể thông qua webapi đến màn hình Chỉnh sửa đối tượng của tôi. Tôi sử dụng loại trực tiếp để liên kết đối tượng với các trường.

Tôi đã có bộ lọc hành động xử lý tất cả xác thực phía máy chủ. Làm cách nào tôi có thể kết hợp xác thực phía khách hàng mà không phải sao chép chú thích dữ liệu mô hình miền của mình?

Answer 1

Khi tôi tạo API HTTP, tôi đặt các đối tượng mô hình (DTO, mô hình yêu cầu, v.v.) vào một hội đồng riêng biệt mà tôi có thể phân phối cho các ứng dụng .NET.

Hãy xem xét các lớp sau đây:

public abstract class UserUpdateRequestModel { 

    [Required] 
    [StringLength(50)] 
    public string Name { get; set; } 

    [Required] 
    [EmailAddress] 
    [StringLength(320)] 
    public string Email { get; set; } 
} 

Đây là những gì tôi sử dụng trong API của tôi:

public UserDto PutUser(Guid key, UserUpdateRequestModel requestModel) { 

    // Do something here 
} 

Bạn có thể sử dụng mô hình này tương tự trong ứng dụng client ASP.NET MVC của bạn ví dụ để tạo ra đầu vào HTML với các thuộc tính xác thực data- như ASP.NET MVC có cách tạo ra các thuộc tính dựa trên các thuộc tính xác nhận chú thích dữ liệu.

Answer 2

Với WebApi, bạn cần một chút "keo" mã để kết nối các lỗi quay trở lại từ xác thực mô hình thất bại cho trình xác nhận phía khách hàng.

function extractErrors(jqXhr, validator) { 
    var data = JSON.parse(jqXhr.responseText), // parse the response into a JavaScript object 
     errors = {}; 

    $.each(data.ModelState, function (key, value) { 
     var pieces = key.split('.'); 
     key = pieces[pieces.length - 1]; 
     errors[key] = value 
    }); 

    validator.showErrors(errors); // show the errors using the validator object 
} 

Trên mô hình, chú thích như thường lệ:

[Required] 
[Display(Name = "Group Name")] 
public string Name { get; set; } 

Trong giao diện, thêm các thẻ ValidationMessageFor:

@Html.EditorFor(m => m.Name) 
@Html.ValidationMessageFor(m => m.Name)