Web Alanları Arası Tanımlama Bilgileri

İki farklı alanda iki webapps WebApp1 ve WebApp2 var.

1. HttpResponse'deki WebApp1'de bir çerez ayarlıyorum.
2. WebApp2'deki HttpRequest'ten aynı çerez nasıl okunur?

Kulağa garip geldiğini biliyorum çünkü çerezler belirli bir alana özgüdür ve onlara farklı alanlardan erişemiyoruz; Ancak birden çok web uygulamasında paylaşılabilen CROSS-DOMAIN çerezlerini duydum. Bu gereksinimi CROSS-DOMAIN çerezlerini kullanarak nasıl uygulayabilirim?

Not: Bunu J2EE webapps ile deniyorum

Evet, çerezi domain2.com'dan domain1.com'dan almak kesinlikle mümkündür. Sosyal ağımın sosyal bir eklentisi için de aynı sorunu yaşadım ve bir günlük araştırmadan sonra çözümü buldum.

İlk olarak, sunucu tarafında aşağıdaki başlıklara sahip olmanız gerekir:

header("Access-Control-Allow-Origin: http://origin.domain:port");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Methods: GET, POST");
header("Access-Control-Allow-Headers: Content-Type, *");

PHP dosyasında şunları kullanabilirsiniz: $_COOKIE[name]

İkincisi, istemci tarafında:

Ajax isteğinize 2 parametre eklemeniz gerekir

crossDomain: true
xhrFields: { withCredentials: true }

Misal:

type: "get",
url: link,
crossDomain: true,
dataType: 'json',
xhrFields: {
  withCredentials: true
}

Diğer insanların söylediği gibi, çerezleri paylaşamazsınız, ancak böyle bir şey yapabilirsiniz:

1. tüm çerezleri tek bir alanda merkezileştirin, diyelim ki cookiemaker.com
2. kullanıcı example.com'a bir istekte bulunduğunda onu cookiemaker.com'a yönlendirirsiniz
3. cookiemaker.com, ihtiyacınız olan bilgilerle onu example.com'a geri yönlendirir

Tabii ki, tamamen güvenli değil ve bunu yapmak için uygulamalarınız arasında bir tür dahili protokol oluşturmanız gerekiyor.

Son olarak, her istekte böyle bir şey yaparsanız kullanıcı için çok can sıkıcı olurdu, ancak sadece birincisi değilse.

Ama bence başka yolu yok ...

Bildiğim kadarıyla, çerezler "aynı köken" politikası ile sınırlıdır. Ancak, CORS ile "Sunucu B" üzerindeki "Sunucu A" dan kalıcı bir oturum oluşturmak için "Sunucu B" çerezlerini alıp kullanabilirsiniz.

Bununla birlikte, bu "Sunucu B" üzerinde bazı üstbilgiler gerektirir:

Access-Control-Allow-Origin: http://server-a.domain.com
Access-Control-Allow-Credentials: true

Ve bayrak "göndermesi gerekir withCredentials tüm "Sunucu Bir" istekleri" (örn: xhr.withCredentials = true;)

Burada okuyabilirsiniz:

http://www.html5rocks.com/en/tutorials/cors/

https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS

Web alanları arası çerezler diye bir şey yoktur. Sen arasında bir çerez paylaşabilir foo.example.comve bar.example.comama asla arasındaki example.comve example2.comgüvenlik gerekçesiyle en söyledi.

En akıllı çözüm, facebook'un bu konudaki yolunu takip etmektir. Herhangi bir alanı ziyaret ettiğinizde facebook kim olduğunuzu nasıl biliyor? Aslında çok basit :

Beğen düğmesi aslında Facebook'u tıklayıp tıklamasa da harici sitenin tüm ziyaretçilerini izlemesini sağlar. Facebook bunu yapabilir çünkü düğmeyi görüntülemek için bir iframe kullanırlar. İframe, bir sayfadaki gömülü tarayıcı penceresine benzer. Bir iframe ile düğme için basit bir resim kullanma arasındaki fark, iframe'in tam bir web sayfası içermesidir - Facebook'tan . Bu sayfada, düğme ve geçerli sayfayı kaç kişinin beğendiğiyle ilgili bilgiler dışında pek bir şey yok.

Yani cnn.com'da bir beğen düğmesi gördüğünüzde, aslında bir Facebook sayfasını aynı anda ziyaret ediyorsunuz. Bu, Facebook'un bilgisayarınızda son oturum açışınızda oluşturduğu bir çerezi okumasına olanak tanır.

Her tarayıcıda temel bir güvenlik kuralı, yalnızca bir çerez oluşturan web sitesinin daha sonra okuyabileceğidir. Bu iframe'in avantajı: Facebook'un farklı bir web sitesini ziyaret ettiğinizde bile Facebook çerezinizi okumasına izin veriyor. Sizi cnn.com'da böyle tanıyorlar ve arkadaşlarınızı orada sergiliyorlar.

Kaynak:

• http://dorianroy.com/blog/2010/04/how-facebooks-like-button-works/
• https://stackoverflow.com/a/8256920/715483

Google'ın yaptığını yapın. Çerezi 3 alanda da ayarlayan bir PHP dosyası oluşturun. Ardından, temanın ayarlanacağı etki alanında, diğer 2 alanda çerez ayarlayan PHP dosyasını yükleyecek bir HTML dosyası oluşturun. Misal:

<html>
   <head></head>
   <body>
      <p>Please wait.....</p>
      <img src="http://domain2.com/setcookie.php?theme=whateveryourthemehere" />
      <img src="http://domain3.com/setcookie.php?theme=whateveryourthemehere" />
   </body>
</html>

Ardından gövde etiketine bir yüklenen geri arama ekleyin. Belge yalnızca görüntüler tamamen yüklendiğinde, yani diğer 2 alanda çerez ayarlandığında yüklenir. Yüklü Geri Arama:

<head>
   <script>
   function loadComplete(){
      window.location="http://domain1.com";//URL of domain1
   }
   </script>
</head>
<body onload="loadComplete()">

setcookie.php

Aşağıdaki gibi bir PHP dosyası kullanarak diğer alanlardaki çerezleri ayarladık:

<?php
if(isset($_GET['theme'])){
   setcookie("theme", $_GET['theme'], time()+3600);
}
?>

Şimdi çerezler üç alanda ayarlanmıştır.

Alan adlarında çerezleri paylaşamazsınız. Ancak, tüm alt alan adlarının erişmesine izin verebilirsiniz. Sitesinin tüm alt alan adlarına example.comerişim izni vermek için alan adını olarak ayarlayın .example.com.

'S çerezlerine otherexample.comerişim vermek mümkün değil example.com.

Bir resim etiketi kullanarak çerez valini başka bir alana itmeyi deneyebilirsiniz.

Bazı tarayıcılar WebApp2 etki alanında uygun bir P3P Politikasına sahip olmanızı gerektirdiğinden veya tarayıcı çerezi reddedeceğinden, bunu yapmaya çalışırken kilometreniz değişebilir .

Plus.google.com p3p politikasına bakarsanız, politikalarının olduğunu göreceksiniz:

CP = "Bu bir P3P politikası değil! Daha fazla bilgi için http://www.google.com/support/accounts/bin/answer.py?hl=tr&answer=151657 adresine bakın ."

bu etki alanları arası isteklerde +1 düğmelerinde kullandıkları politikadır.

Başka bir uyarı, https'deyseniz, resim etiketinin bir https adresine işaret ettiğinden emin olun, aksi takdirde çerezler ayarlanmaz.

Facebook'un burada nfriedly.com'da nasıl çalıştığına dair iyi bir genel bakış var.

Ayrıca bir çerezle aynı olmayan, ancak bir kullanıcıyı adil derecede kesin bir şekilde tanımlamanıza yardımcı olması için benzer bir amaca hizmet eden Tarayıcı Parmak İzi de vardır. Burada Stack Overflow'da bir parmak izi yöntemine gönderme yapan bir yazı var

Çerezleri almak için görünmez iframe'ler kullanılabilir. Diyelim ki iki alan var, a.com ve b.com. A.com etki alanının index.html'si için (uyarı yüksekliği = 0 genişlik = 0) eklenebilir:

<iframe height="0" id="iframe" src="http://b.com" width="0"></iframe>

Bu şekilde, web siteniz http://b.com çerezleri ayarladığını varsayarak b.com çerezleri alır.

Bir sonraki şey iframe içindeki siteyi JavaScript aracılığıyla değiştirmek olacaktır. İframe içindeki işlemler, ikinci alan adına sahip değilse bir meydan okuma haline gelebilir. Ancak, iframe'in src'sinde doğru web sayfasına atıfta bulunan her iki alana erişim olması durumunda, almak istediğiniz çerezleri vermelidir.

function GetOrder(status, filter) {
    var isValid = true; //isValidGuid(customerId);
    if (isValid) {
        var refundhtmlstr = '';
        //varsURL = ApiPath + '/api/Orders/Customer/' + customerId + '?status=' + status + '&filter=' + filter;
        varsURL = ApiPath + '/api/Orders/Customer?status=' + status + '&filter=' + filter;
        $.ajax({
            type: "GET",
            //url: ApiPath + '/api/Orders/Customer/' + customerId + '?status=' + status + '&filter=' + filter,
            url: ApiPath + '/api/Orders/Customer?status=' + status + '&filter=' + filter,
            dataType: "json",
            crossDomain: true,
            xhrFields: {
                withCredentials: true
            },
            success: function (data) {
                var htmlStr = '';
                if (data == null || data.Count === 0) {
                    htmlStr = '<div class="card"><div class="card-header">Bu kriterlere uygun sipariş bulunamadı.</div></div>';
                }
                else {
                    $('#ReturnPolicyBtnUrl').attr('href', data.ReturnPolicyBtnUrl);
                    var groupedData = data.OrderDto.sort(function (x, y) {
                        return new Date(y.OrderDate) - new Date(x.OrderDate);
                    });
                    groupedData = _.groupBy(data.OrderDto, function (d) { return toMonthStr(d.OrderDate) });
                    localStorage['orderData'] = JSON.stringify(data.OrderDto);

                    $.each(groupedData, function (key, val) {

                        var sortedData = groupedData[key].sort(function (x, y) {
                            return new Date(y.OrderDate) - new Date(x.OrderDate);
                        });
                        htmlStr += '<div class="card-header">' + key + '</div>';
                        $.each(sortedData, function (keyitem, valitem) {
                            //Date Convertions
                            if (valitem.StatusDesc != null) {
                                valitem.StatusDesc = valitem.StatusDesc;
                            }

                            var date = valitem.OrderDate;
                            date = date.substring(0, 10).split('-');
                            date = date[2] + '.' + date[1] + '.' + date[0];
                            htmlStr += '<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12 card-item clearfix ">' +
                        //'<div class="card-item-head"><span class="order-head">Sipariş No: <a href="ViewOrderDetails.html?CustomerId=' + customerId + '&OrderNo=' + valitem.OrderNumber + '" >' + valitem.OrderNumber + '</a></span><span class="order-date">' + date + '</span></div>' +
                        '<div class="card-item-head"><span class="order-head">Sipariş No: <a href="ViewOrderDetails.html?OrderNo=' + valitem.OrderNumber + '" >' + valitem.OrderNumber + '</a></span><span class="order-date">' + date + '</span></div>' +
                        '<div class="card-item-head-desc">' + valitem.StatusDesc + '</div>' +
                        '<div class="card-item-body">' +
                            '<div class="slider responsive">';
                            var i = 0;
                            $.each(valitem.ItemList, function (keylineitem, vallineitem) {
                                var imageUrl = vallineitem.ProductImageUrl.replace('{size}', 200);
                                htmlStr += '<div><img src="' + imageUrl + '" alt="' + vallineitem.ProductName + '"><span class="img-desc">' + ProductNameStr(vallineitem.ProductName) + '</span></div>';
                                i++;
                            });
                            htmlStr += '</div>' +
                        '</div>' +
                    '</div>';
                        });
                    });

                    $.each(data.OrderDto, function (key, value) {
                        if (value.IsSAPMigrationflag === true) {
                            refundhtmlstr = '<div class="notify-reason"><span class="note"><B>Notification : </B> Geçmiş siparişleriniz yükleniyor.  Lütfen kısa bir süre sonra tekrar kontrol ediniz. Teşekkürler. </span></div>';
                        }
                    });
                }
                $('#orders').html(htmlStr);
                $("#notification").html(refundhtmlstr);
                ApplySlide();
            },
            error: function () {
                console.log("System Failure");
            }
        });
    }
}

Web.config

Kullanıcı arabirimi kaynağını dahil et ve Kimlik Bilgilerine İzin Ver'i doğru olarak ayarla

<httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://burada.com" />
        <add name="Access-Control-Allow-Headers" value="Content-Type" />
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
        <add name="Access-Control-Allow-Credentials" value="true" />
      </customHeaders>
    </httpProtocol>

Yerel olarak depolanan verileri etki alanlarında paylaşmanıza olanak tanıyan bir NPM modülü oluşturdum: https://www.npmjs.com/package/cookie-toss

Alan A'da barındırılan bir iframe kullanarak, tüm kullanıcı verilerinizi Alan A'da depolayabilir ve Alan A iframe'ine istek göndererek bu verilere başvurabilirsiniz.

Böylece, B, C, vb. Alanları, iframe'i enjekte edebilir ve istenen verileri depolamak ve erişmek için kendisine istek gönderebilir. Alan A, tüm paylaşılan verilerin merkezi haline gelir.

Alan A'nın içindeki bir alan beyaz listesiyle Alan A'daki verilere yalnızca bağımlı sitelerinizin erişmesini sağlayabilirsiniz.

İşin püf noktası, Alan A'daki iframe'in içinde hangi verilerin talep edildiğini tanıyabilen bir kod bulundurmaktır. Yukarıdaki NPM modülündeki README, işleme daha derinlemesine bakar.

Bu yardımcı olur umarım!

oku Cookie içindeWeb Api

var cookie = actionContext.Request.Headers.GetCookies("newhbsslv1");


                    Logger.Log("Cookie  " + cookie, LoggerLevel.Info);
                    Logger.Log("Cookie count  " + cookie.Count, LoggerLevel.Info);

                    if (cookie != null && cookie.Count > 0)
                    {
                        Logger.Log("Befor For  " , LoggerLevel.Info);
                        foreach (var perCookie in cookie[0].Cookies)
                        {
                            Logger.Log("perCookie  " + perCookie, LoggerLevel.Info);

                            if (perCookie.Name == "newhbsslv1")
                            {
                                strToken = perCookie.Value;
                            }
                        }
                    }