Wep Api ile RequestHeader okuma

29. Eyl
/
.Net Asp.Net
/
1 Yorum

Requestler header, method, content vs birden çok bilgi içeriyorlar (Http Request).

Peki headerdaki bir değere, Web api metodunda nasıl kullanışlı bir biçimde erişebiliriz.

İlk akla gelen Request objesi üzerinden headers a ulaşmak , şöyle ki :

  IEnumerable<string> values;
            string languageValue;
            if (Request.Headers.TryGetValues("Language", out values))
            {
                 languageValue = values.FirstOrDefault();
            }

IEnumerable<string> values;

string languageValue;

if (Request.Headers.TryGetValues("Language", out values))

{

languageValue = values.FirstOrDefault();

}

her erişmek istediğimizde bu kodu yazmak yerine ihtiyaç olan yerlere HttpParameterBinding kullanarak erişmek, parametre için type (int, string vs) casting işlemlerini merkezi bir şekilde yönetmek için web api nin nimetlerinden yararlanırsak:

public class FromHeaderBinding : HttpParameterBinding
    {
        // headerda beklenen parametre adı 
        private readonly string _name;

        public FromHeaderBinding(HttpParameterDescriptor parameter, string headerName)
            : base(parameter)
        {
            if (string.IsNullOrEmpty(headerName))
            {
                throw new ArgumentNullException(nameof(headerName));
            }
            
            _name = headerName;
        }

        public override Task ExecuteBindingAsync(ModelMetadataProvider metadataProvider, HttpActionContext actionContext, CancellationToken cancellationToken)
        {
            IEnumerable<string> values;
            // beklenen parametreye gönderilen değerlerin varsa elde edilmesi
            if (actionContext.Request.Headers.TryGetValues(_name, out values))
            {

                actionContext.ActionArguments[Descriptor.ParameterName] = values.FirstOrDefault();
            }

            var taskSource = new TaskCompletionSource<object>();
            taskSource.SetResult(null);
         
            return taskSource.Task;
        }
    }

public class FromHeaderBinding : HttpParameterBinding

{

// headerda beklenen parametre adı

private readonly string _name;

public FromHeaderBinding(HttpParameterDescriptor parameter, string headerName)

: base(parameter)

{

if (string.IsNullOrEmpty(headerName))

{

throw new ArgumentNullException(nameof(headerName));

}

_name = headerName;

}

public override Task ExecuteBindingAsync(ModelMetadataProvider metadataProvider, HttpActionContext actionContext, CancellationToken cancellationToken)

{

IEnumerable<string> values;

// beklenen parametreye gönderilen değerlerin varsa elde edilmesi

if (actionContext.Request.Headers.TryGetValues(_name, out values))

{

actionContext.ActionArguments[Descriptor.ParameterName] = values.FirstOrDefault();

}

var taskSource = new TaskCompletionSource<object>();

taskSource.SetResult(null);

return taskSource.Task;

}

Parametrelerde binding yapabilmek için ParameterBindingAttribue kullanırız.

public class FromHeaderAttribute : ParameterBindingAttribute
    {
        private readonly string _name;

        public FromHeaderAttribute(string headerName)
        {
            _name = headerName;
        }

        public override HttpParameterBinding GetBinding(HttpParameterDescriptor parameter)
        {
            return new FromHeaderBinding(parameter, _name);
        }
    }

public class FromHeaderAttribute : ParameterBindingAttribute

{

private readonly string _name;

public FromHeaderAttribute(string headerName)

{

_name = headerName;

}

public override HttpParameterBinding GetBinding(HttpParameterDescriptor parameter)

{

return new FromHeaderBinding(parameter, _name);

}

Bu attribute kullanırken constructor da belirtildiği gibi requestHeader da hangi isimde parametre geleceğini söylememiz gerekiyor.

Örnek :

 [FromHeader(("Language"))] string lang

1	[FromHeader(("Language"))] string lang

Eğer sıkça kullanmamız gereken ya da string olarak header name belirttiğimiz için yanlış yazma durumu oluşmamasını istediğimizde ise FromHeaderAttribute’den miras alarak özelleşmiş tipleri yapabiliriz.

Örnek :

public class LanguageHeaderAttribute : FromHeaderAttribute
    {
        public LanguageHeaderAttribute()
            : base("Language")
        {
        }
    }

public class LanguageHeaderAttribute : FromHeaderAttribute

{

public LanguageHeaderAttribute()

: base("Language")

{

}

Yukardaki LanguageHeaderAttribute sınıfı “Language” isminde request header değeri arayacak ve onun ilk değerini (string listesi olarak geldiği için ilkini almıştık) metod parametrelerinden belirtilene binding yapacaktır.

Örnek :

[LanguageHeader] string lang

1	[LanguageHeader] string lang

Metod içerisinde lang değerinin headerdan okunup getirildiğini uygulamanızda görebilirsiniz.

Asp.Net 400 Hata Koduyla Json Mesaj Dönme

Aşağıdaki kod parçasını 400 (Bad Request) le beraber Json mesaj dönmek için kullanıyoruz.

[AcceptVerbs(HttpVerbs.Post)]
        public JsonResult ControllerMesaj(ViewModel model)
        {
            // bir takım kontroller vs varsa yapılır ...
            // 400 koduyla mesaj dönmek istediğimizde
            Response.StatusCode = 400;

            return Json(new { Errors = "Özel hata mesajı" });
        }

[AcceptVerbs(HttpVerbs.Post)]

public JsonResult ControllerMesaj(ViewModel model)

{

// bir takım kontroller vs varsa yapılır ...

// 400 koduyla mesaj dönmek istediğimizde

Response.StatusCode = 400;

return Json(new { Errors = "Özel hata mesajı" });

}

Localhost için gayet güzel çalışırken Azure ya da sunucu üzerine deploy ettiğinizde sürekli “Bad Request” hatası alıp içeriğinde ise yazdığımız Json bilgisi olmayabilir. Bunun başlıca sebebi IIS in belirttiğiniz hata kodu (burdaki 400) için sizin response değerini eziyor olmasıdır.

Çözüm:

Web.config içerisine aşağıdaki satırları eklemek

XHTML

<system.webServer> <httpErrors existingResponse="PassThrough"/> </system.webServer>

1
2
3

<system.webServer>
<httpErrors existingResponse="PassThrough"/>
</system.webServer>
Kod içerisinde Response.TrySkipIisCustomErrors = true; set etmek.

Daha fazlası için:

http://msdn.microsoft.com/en-us/library/ms690576(v=vs.90).aspx

KnockoutJS Nedir?

21. Kas
/
Asp.Net C#
/
2 yorum

KnockoutJS, Steven Sanderson tarafından geliştirilmiş bir JavaScript kütüphanesidir. Bu kütüphane ile kullanıcı etkileşimini artırmak amaçlanmıştır. Knockout Modelleri kullanılarak oluşturulan Dinamik (özellikleri değişebilen) elemanlar gelişmiş bir etkileşim desteği sunuyorlar. Kütüphane MVVM kalıbını(pattern) uygulamaktadır.

MVVM(Model View ViewModel):

MVVM, Model, View ve ViewModel adında 3 yapıdan oluşmaktadır. Amaçları arasında arayüz yapan kişinin arka tarafta nasıl bir iş geliştirildiğini bilmeden işini yapabiliyor olması, daha çabuk genişlemeye müsait bir yapıyı ortaya çıkarması sayılabilir. Model, verileri temsil etmektedir. View kullanıcıya sunulan görüntü, ViewModel ise asıl işin geliştirildiği yapıdır. View’ın Model i bilmesine gerek yoktur. ViewModel aracılık yapmaktadır.

knockoutjs.com adresinden .js dosyasını indirebileceğiniz gibi cdn’leri de kullanabilirsiniz. Enson sürüm olan knockout-3.0.0.js ‘i Asp.net MVC projesinde kullanımını bakacak olursak.

Öncelikle boş bir MVC projesi açıyoruz.

Daha sonra “KnockoutJSController” adında bir controller ekliyoruz ve Index view’ini oluşturuyoruz. “RouteConfig” sınıfından Default olarak tanımladığımız “KnockoutJSController” controllerini ve “Index” view adını veriyoruz ki controller adı ve view adı verilmezse buralara yönlendirsin.

Projede knockout.js kullanabilmek için doğrudan indirilen dosya kullanılabileceği gibi “Nuget Package Manger” sayesinde de projeye eklenebilmektedir. “Install-Package knockoutjs” komutu ile projeye KnockoutJS i ekliyoruz.

Boş proje açtığımız için bundles ile ilgili bir ayar sınıfı gelmemiş fakat istenirse ayrıyeten de yazılabilir. Knockoutjs, <script> etiketleri kullanılarak da eklenebilir.

Örnek ViewModel:

function ornek1ViewModel() {
           isim = "said";
           soyisim = "aydoğan";
       }

function ornek1ViewModel() {

isim = "said";

soyisim = "aydoğan";

}

Örnek ViewModel yukardaki gibi tanımlanıp “ornek1Model.js” adında oluşturuldu. Bu bildiğimiz JavaScript fonksiyonu şeklindedir.

Bunu View’e aşağıdaki şekilde eklersek.

@{
    ViewBag.Title = "KnockoutJS Örneği";
}

<style>
    p {
        font-family: 'Comic Sans MS';
        font-style: oblique;
    } 

    span {
        color: red;

    }

</style>

<script src="/Scripts/knockout-3.0.0.js"></script>

<script src="/ViewModels/ornek1ViewModel.js"></script>

<h2>KnockoutJS Örneği</h2>

<p>İsim : <span data-bind="text: isim"></span></p>

<p>Soyisim: <span data-bind="text: soyisim"></span></p>

<script>
    ko.applyBindings(new ornek1ViewModel());
</script>

ViewBag.Title = "KnockoutJS Örneği";

}

<style>

p {

font-family: 'Comic Sans MS';

font-style: oblique;

}

span {

color: red;

}

</style>

<h2>KnockoutJS Örneği</h2>

<p>Soyisim: <span data-bind="text: soyisim"></span></p>

ko.applyBindings(new ornek1ViewModel());

</script>

Yukarıda görüldüğü üzere KnockoutJS ve ViewModel scriptleri harici olarak dahil edilmektedir. “<span>” elemanlarında ise “data-bind=” ve bunun eşitliğindeki “text:” dikkati çekmektedir. Bunlar knockout ‘un yönettiği parametler olarak karşımıza çıkıyor. Yani “data-bind” gördüğü zaman o elemanı viewmodel ile ilişkilendirmesi gerektiğini anlıyor. Eşitliğinde bulunan özellikleri ViewModel’a uygun şekilde isteneni gerçekleştiriyor.

Kısaca yukarda “text:isim” ile “data-bind” niteliği verilmiş elemanın “text” özelliğini ViewModel’de bulunan “isim” değişkeniyle oluşturmasını istiyoruz. Bunun sonucunda da aşağıdaki görüntüyü elde ederiz.

İsim ve soyisim değerini “input” elemanında göstermek istersek de “text” yerine “value” kullanılır.

Eğer değişkenleri “Observable” olarak tanımlarsak knockout bizim için bu değişkenleri izler ve değişiklik olduğunda aynen yansıtır. Bunu aşağıdaki örnekte görebiliriz.

ViewModel’i şu şekilde güncellersek:

function ornek1ViewModel() {

    isim = ko.observable("said");

    soyisim = ko.observable("aydoğan");

    tamisim = ko.computed(function () {

         return isim() + " " + soyisim();

    });

}

function ornek1ViewModel() {

isim = ko.observable("said");

soyisim = ko.observable("aydoğan");

tamisim = ko.computed(function () {

return isim() + " " + soyisim();

});

}

View’ı da şu şekilde güncellersek:

@{ ViewBag.Title = "KnockoutJS Örneği"; } 
<style> 
p { font-family: 'Comic Sans MS'; font-style: oblique; } 
span { color: red; } </style> <script src="/Scripts/knockout-3.0.0.js">
</script> 

<script src="/ViewModels/ornek1ViewModel.js"></script> 
<h2>KnockoutJS Örneği</h2> <h3>span gösterim</h3> 
<p>İsim : <span data-bind="text: isim "></span></p> 
<p>Soyisim: <span data-bind="text: soyisim"></span></p> 
<h3>İnput gösterimi</h3> 
<p>İsim : <input data-bind="value:isim, valueUpdate: 'afterkeydown'" /></p><p>Soyisim: <input data-bind="value:soyisim, valueUpdate: 'afterkeydown'" /></p> 
<p>Tam İsim: <span data-bind="text: tamisim "></span>
</p> 

<script> ko.applyBindings(new ornek1ViewModel()); </script>

@{ ViewBag.Title = "KnockoutJS Örneği"; }

<style>

p { font-family: 'Comic Sans MS'; font-style: oblique; }

span { color: red; } </style> <script src="/Scripts/knockout-3.0.0.js">

</script>

<h2>KnockoutJS Örneği</h2> <h3>span gösterim</h3>

<p>Soyisim: <span data-bind="text: soyisim"></span></p>

<h3>İnput gösterimi</h3>

<p>İsim : <input data-bind="value:isim, valueUpdate: 'afterkeydown'" /></p><p>Soyisim: <input data-bind="value:soyisim, valueUpdate: 'afterkeydown'" /></p>

</p>

Farklılık olarak “valueUpdate: ‘afterkeydown’ “ ve “computed” göze çarpanlar olarak karşımıza çıkıyor. “valueUpdate: ‘afterkeydown’” bizlere adında da anlaşılacağı üzere tuşa basıldıktan sonra ViewModel’a git ve ilgili değişkeni yeni değeriyle güncelle demektedir. Bu sayede aynı anda diğer ilişkili yerler de güncelleme gerçekleştirilecektir.

“computed” bir fonksiyon olarak karşımıza çıkmaktadır. Bu sayede ViewModel’da bulunan değişkenlerle ilgili işlemler gerçekleştirebiliriz. Üretilen bir değer olduğu için kullandığı değerler değiştiğinde otomatik olarak ilgili yeri güncellemektedir.

Uygulama görüntüsü:

Görüldüğü gibi aynı anda güncelleme gerçekleştirilebilmektedir.

Proje Dosyası: KnockoutJS-OrnekProje.rar (1,29 mb)

Said AydoganKüçük Kırıntılar, Akılda Kalanlar

Said Aydogan

Wep Api ile RequestHeader okuma

Asp.Net 400 Hata Koduyla Json Mesaj Dönme

KnockoutJS Nedir?