ASP.NET Core MVC使用MessagePack配合前端fetch交换数据

1.安装Nuget包 - WebApiContrib.Core.Formatter.MessagePack

https://www.nuget.org/packages/WebApiContrib.Core.Formatter.MessagePack/

2.配置Startup.cs

 public class Startup
     {
         public Startup(IConfiguration configuration)
         {
             Configuration = configuration;
         }

         public IConfiguration Configuration { get; }

         // This method gets called by the runtime. Use this method to add services to the container.
         public void ConfigureServices(IServiceCollection services)
         {
             services.AddMvc()
                 .AddMessagePackFormatters()
                 .SetCompatibilityVersion(CompatibilityVersion.Version_2_2);

         }
     }

3.添加控制器

     [Produces("application/x-msgpack")]
     public class TestController : Controller
     {
         public IActionResult Get()
         {
             return new ObjectResult(new TestDto()
             {
                 Name = "旋风小伙",
                 Age = ,
             });
         }

         public IActionResult Post([FromBody]TestDto dto)
         {
             return new ObjectResult(raw);
         }
     }

4.复制msgpack-lite的js到wwwroot/js目录下

https://github.com/kawanet/msgpack-lite/blob/master/dist/msgpack.min.js

5.编写js

先把js引入到需要使用messagepack的cshtml文件中

         <script src="~/js/msgpack.min.js" asp-append-version="true"></script>

然后开始测试GET和POST方法

     //测试POST方法
     fetch('/Test/Post', {
         method: 'POST',
         headers: {
             'Content-Type': 'application/x-msgpack'
         },
         body: msgpack.encode({ Name: "旋风小伙", Age: 22 })
     })
         .then(data => console.log(data))
         .catch(e => console.error(e));

     //测试GET方法
     fetch('/Login/Get')
         .then(data => data.arrayBuffer())
         .then(b => {
             //打印了一个对象
             console.log(msgpack.decode(new Uint8Array(b)));
         })
         .catch(e => console.error(e));

大功告成！