javascript - Protocol Buffer : WebApi -> JS - Decoded object is empty

Question

我想通过 Ajax 请求将对象从 WebApi Controller 发送到 Html 页面。

当我在 JS 中收到对象时，它是空的。但是服务器端对象不是空的，因为当我查看 byte[].length 时它大于 0。

• 服务器端，我使用 dll provided by Google .

• JS 端，我使用 ProtobufJS library .这是我的 .proto 文件:

  syntax="proto3";
  
  message Container {
      repeated TestModel2 Models = 1;
  }
  
  message TestModel2 {
      string Property1 = 1;
      bool Property2 = 2;
      double Property3 = 3;
  }
  

  • 服务器代码:

    var container = new Container();
    
    var model = new TestModel2
    {
        Property1 = "Test",
        Property2 = true,
        Property3 = 3.14
    };
    

    container.Models.Add(模型);

  • Base64 数据:

  ChEKBFRlc3QQARkfhetRuB4JQA==

  • JS解码:

    var ProtoBuf = dcodeIO.ProtoBuf;
    var xhr = ProtoBuf.Util.XHR();
    xhr.open(
        /* method */ "GET",
        /* file */ "/XXXX/Protobuf/GetProtoData",
        /* async */ true
    );
    xhr.responseType = "arraybuffer";
    xhr.onload = function (evt) {
        var testModelBuilder = ProtoBuf.loadProtoFile(
            "URL_TO_PROTO_FILE",
            "Container.proto").build("Container");
        var msg = testModelBuilder.decode64(xhr.response); 
        console.log(JSON.stringify(msg, null, 4)); // Correctly decoded
    }
    xhr.send(null);
    

  • JS 控制台中的结果对象:

    {
        "Models": []
    }
    

  • bytebuffer.js

  • protobuf.js v5.0.1

Answer 1

最后我自己解决了这个问题。

是客户端出了问题。

• 事实上 xhr.response 是 JSON 格式，所以它在双引号 "ChEKBFRlc3QQARkfhetRuB4JQA==" 之间。我必须对我的回复进行 JSON.parse。在此处输入代码
• 我删除了 xhr.responseType = "arraybuffer";

这是我的代码:

var ProtoBuf = dcodeIO.ProtoBuf;
var xhr = ProtoBuf.Util.XHR();
xhr.open(
    /* method */ "GET",
    /* file */ "/XXXX/Protobuf/GetProtoData",
    /* async */ true
);
// xhr.responseType = "arraybuffer"; <--- Removed
xhr.onload = function (evt) {
    var testModelBuilder = ProtoBuf.loadProtoFile(
        "URL_TO_PROTO_FILE",
        "Container.proto").build("Container");
    var msg = testModelBuilder.decode64(JSON.parse(xhr.response)); <-- Parse the response in JSON format
    console.log(msg); // Correctly decoded
}
xhr.send(null);