C# .NET Web API 如何自訂 ModelBinder

各位好！這次要來替大家介紹的是如何在 .net  web api 中自訂一個 modelbinder

透過自定義的 modelbinder 我們可以很簡單的將 querystring 傳過來的參數綁定成我們設計好的 complex model 。

為什麼需要自行定義一個 modelbinder 呢？ 一個主要的原因是，如果我們的 http get api 需要多個參數的話，一般來說是可以直接在函數這裡定義好對應的參數。

如下圖

但如果參數過多的話，其實會造成閱讀不容易以及使用上十分的不方便。

比如說你可能會這樣子將收到的參數重新組合成相關方法會用到的 model

但這裡還是要提一下，如果你的 model 是 simple model 的話 (也就是你的 model 並沒有再利用其它 class 做為 property ) ，.net web api 是可以很聰明的替你將參數做綁定的

比如說像這樣的 model ， .net web api 是可以替你將參數做綁定的

但如果是像下面這樣的 model ，就會需要用到我們今天提的自定義的 modelbinder 來

處理了

那麼要如何建立我們自已的 modelbinder 呢？

首先需要了解的概念是在 web api 的 modelbinder 裡會分為三塊，分別是binder 、valueprovider 、providerfactory 。而 web api 在處理的流程則是會先建立好 providerfactory ，並在 binder 呼叫 valueprovider 取值時，呼叫對應的 valueprovider 進行取值的動作。

asp.net web api 中繫結的參數

詳細的觀念也可參考保哥這篇

modelbinder 與 valueprovider 的用途

接下來我們就一步一步將我們的 modelbinder 建立起來吧！

第一步：建立 providerfactory

建立 providerfacotry 這一步非常的簡單，其實 privderfacotry 要做的事就是在裡頭去將對應的 valueprovider 建立起來並回傳。詳細的程式碼如下

public class complexproviderfactory : valueproviderfactory
   {
       public override ivalueprovider getvalueprovider(httpactioncontext actioncontext)
       {
           return new complexprovider(actioncontext);
       }
   }

這裡可以看到我們直接繼承一個 valueproviderfactory 然後在實作裡面回傳一個我們定義好的 valueprovider

是不是很簡單呢，接下來我們就要來建立我們的 valueprovider 了

第二步：建立 valueprovider

在建立 valueprovider  時，我們一樣也會繼承一個 ivalueprovider 並去實作他

在這裡有幾個主要要實作的地方，一個是建構子的部分，從 complexproviderfactory 的程式碼我們可以看到，我們在回傳一個 valueprovider 的時候，其實是有傳入一個 httpactioncontext 的參數。所以在我們的 valueprovider 也要建對應的參數(黑色粗體處)

再來是 valueprovider 要如何取值呢？ 這裡就要看我們 getvalue 這個方法如何實作了，我這裡實作的方式有一部分是參考 .net 官方提供的 source code

dictionaryvalueprovider

首先，因為我希望這個 modelbinder 能夠泛用，所以我在 valueprovider  這裡將傳入的 querystring 以 key,value 的形式直接存放到 dictionary ，讓 modelbinder 在取值時是直接取回一組 dictionary ，並做後續的處理。在這裡 containsprefix 我們並沒有用到故先略過，完整的程式碼如下

public class complexprovider : ivalueprovider
    {
        private dictionary<string, object> _vals;

       //取值器只做取值的動作
        public complexprovider(httpactioncontext actioncontext)
        {
            _vals = new dictionary<string, object>();
            foreach (var pair in actioncontext.request.getquerynamevaluepairs())
            {
                _vals.add(pair.key, pair.value);
            }
        }

       public bool containsprefix(string prefix)
        {
            return true;
        }

       public valueproviderresult getvalue(string key)
        {
            if (_vals.count > 0)
            {
                return new valueproviderresult(_vals, "", cultureinfo.invariantculture);
            }
            return null;
        }
    }

 

第三步：就是我們的 modelbinder了

一樣 modelbinder 我們這裡也需要繼承對應的介面 imodelbinder 並實作 bindmodel 這個方法，在實作的時候我們比較常會用到的就是 bindingcontext 了， bindingcontext 是在 model 做繫結的過程中，讓我們可以去得知目前繫結參數的名稱以及取用相對應的 value ，最後還可以去設定繫結的結果。

先前我們有提到想要實作一個泛用的 modelbinder ，在這裡我們先來看看黃底的程式碼

在黃底程式碼的第一行我們先取得這次繫結的參數類型，接下來在第二行我們就直接取回我們在 valueprovider 建立的 dictionary ，這裡有一個有趣的點是，依照我觀看 .net 官方的實作，一般來說是會透過 .getvalue(bindingcontext.modelname) 搭配不同的參數名稱 (modelname) 取得對應的值。但我這裡為了簡單化，所以在 valueprovider 中是不管參數名稱的。

接下來在粗體字處，我們就簡單的判斷目前有沒有取到 valueprovider 建立的 dictionary

並透過反射來建立好我們完整的 model ，最後將結果設定回 bindingcontext.model 即可

詳細的程式碼如下：

public class complexbinder : imodelbinder
     {
         public bool bindmodel(httpactioncontext actioncontext, modelbindingcontext bindingcontext)
         {
             if (actioncontext == null) { throw new argumentexception("action context is null"); }
             var target = bindingcontext.modeltype;
             var val = bindingcontext.valueprovider.getvalue(bindingcontext.modelname);
             if (val == null)
             {
                 return false;
             }
             if (val.rawvalue != null)
             {
                 var result = activator.createinstance(target);
                 var pros = result.gettype().getproperties();
                 var valdic = val.rawvalue as dictionary<string, object>;
                 foreach (var propertyinfo in pros)
                 {
                     object propertyval;
                     if (valdic.trygetvalue(propertyinfo.name, out propertyval))
                     {
                        
                        propertyinfo.setvalue(result, convert.changetype(propertyval, propertyinfo.propertytype));
                     }
                     else
                     {
                         if (!propertyinfo.propertytype.isprimitive && propertyinfo.propertytype != typeof(string))
                         {
                             var childinstance = activator.createinstance(propertyinfo.propertytype);
                             var childpros = childinstance.gettype().getproperties();
                             object childpropval;
                             foreach (var childpro in childpros)
                             {
                                 if (valdic.trygetvalue(childpro.name, out childpropval))
                                 {
                                     childpro.setvalue(childinstance, convert.changetype(childpropval, childpro.propertytype));
                                 }
                             }
                             propertyinfo.setvalue(result, convert.changetype(childinstance, propertyinfo.propertytype));
                         }
                     }

                }
                 bindingcontext.model = result;
             }
             return true;
         }
     }

到此我們已經差不多都完成囉！ 最後一步只需要將我們寫好的 valueproviderfactory 做註冊就行了。

在 web api 專案中找到我們的 webapiconfig.cs 設定檔，將我們剛剛做好的 factory 註冊進去即可。設定的方式如下(粗體字處)

public static class webapiconfig
    {
        public static void register(httpconfiguration config)
        {
            // web api 設定和服務
            config.services.add(typeof(valueproviderfactory), new complexproviderfactory());
            //var provider = new simplemodelbinderprovider(typeof(student), new complexbinder());
            //config.services.insert(typeof(modelbinderprovider),0,provider);
            // web api 路由
            config.maphttpattributeroutes();

           config.routes.maphttproute(
                name: "defaultapi",
                routetemplate: "api/{controller}/{id}",
                defaults: new { id = routeparameter.optional }
            );
          
        }
    }

 

最後來看一下我們的結果

從上圖可以看到，我們利用 modelbinder 指定了我們剛剛寫好的 binder 後，在參數繫結上，course 這個屬性已經正確的被初始化並且指定了我們傳入的名稱給 coursename

以上就是如何自定義一個 modelbinder ，是不是很簡單呢？

下次如果發現參數實在太多又不適合通通放在同一個 model 中，可以試試看這樣的方法喔！

我們下次見