JavaScript：动态代理之远程代理

时间：2023-03-10 01:53:15
JavaScript：动态代理之远程代理

背景

2008 第一次使用 AJAX 的时候好像使用的是 AJAX.NET，该组件支持为服务器 C# 类型提供 JS 代理，当时不是十分的明白。设计模式中有代理模式，不过真正需要我们手工写代理的次数却不多，多数的代理都是动态是生成的，即：动态代理，动态代理的一种应用场景就是：远程代理，本文演示一下 JS 如何实现远程代理的。

远程代理

远程代理的本质是根据元数据自动生成代理类型，就 JS 来说，我们有两种思路生成远程代理：

  1. 服务器根据元数据生成代理。
  2. 服务器提供元数据，JS 根据元数据生成代理。

这里给出第一种方案的简单实现：

代理生成器

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.Mvc;

 namespace JsProxyStudy.Controllers

 {

     public class JsProxyGeneratorController : Controller

     {

         //

         // GET: /JsProxyGenerator/

         public ActionResult Index()

         {

             // 元数据的获取可以采用反射，再利用 Attribute 提供个性化配置和扩展，此处省略。

             var metadata = new

             {

                 Controller = "User",

                 Actions = new[]

                 {

                     new

                     {

                         Name = "Create",

                         Params = new []{ "username","password"}

                     }

                 }

             };

             return JavaScript(new Proxy { Metadata = metadata }.TransformText());

         }

     }

 }

测试页面

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

     <script src="jquery-1.11.0.min.js"></script>
<script src="JsProxyGenerator"></script>

 </head>

 <body>

 </body>

 </html>

 <script type="text/javascript">

     User.Create("shijiucha", "123456", function (result) {

         console.log(result);

     });

 </script>

说明

上面采用 T4 生成的代理，元数据是手工提供的，对于提供反射能力的平台来说，完全可以自动化生成元数据。

备注

其实利用 JS 自己生成远程代理更简单，因为：C# 语言生成 C# 自身的代理需要使用 Emit，非常麻烦，而 JS 生成 JS 的代理就非常简单。这种思路稍微修改一下可以根据服务器元数据，自动生成 UI。还有一种高级的架构模式一般伴随着动态代理，即：管道过滤器模式，利用此模式可以实现一定的 AOP 功能。

完整的代码这里下载：https://happystudy.codeplex.com/SourceControl/latest#JsProxyStudy/JsProxyStudy/Test.html。

相关文章