Page History

Örnek

Form üzerinde fatura tutar bilgisi ödeme sayfasına parametre geçilir ve o sayfada işlem sonrası gönderilen mesaj form üzerinde gösterilir.

Örnek Senaryo: Senaryo Videosu

Örnek Proje: IFramePublished.rar  (Örnek bir proje olduğundan; kontrol edilmek istenen ortamda IIS veya visual studio üzerinde ayağa kaldırılmalıdır.)

Örnek Akış Tasarımı: iFrameCommunication.nxm

Değişken Özellikleri

Form tasarımı üzerinde eklendiğinde karşılaşılan ekrandır. (Form tasarlarken değişken ekleme işleminin nasıl yapıldığına dair bilgi Form Tasarım Ekranı bölümünden edinilebilir.)

Ad: Değişkenin akıştaki tekil adıdır. Kod işlemlerinde bu bölüm kullanılır. Kullanıcılar tarafından görüntülenmemektedir.

Görünen Ad: Değişkenin görünen adıdır. Kullanıcılar ilgili akışı web veya mobil üzerinden açtıklarında bu bölümü görmektedir. 

Değişkeni oluşturduktan sonra sihirbazı aç: Değişken tanımı sonrasında detay özellikler belirtilecekse kurulum sihirbazına yönlenmek için kullanılır. Eğer bu bölüm işaretliyse 'Kaydet ve Kapat' işlemi sonrasında kullanıcı sihirbaza yönlendirilir. 

Kurulum Sihirbazı

Değişkenlerin detay özelliklerinin bulunduğu bölümdür. Bu bölüme;

• Form tasarımı üzerinden değişken tanımlandıktan sonra sihirbazı açarsa,
• Tanımlı değişkenlerin üzerinde çift tık işlemi yaparsa,
• Tanımlı değişken üzerinde sağ tık- düzenle aksiyonu ile

erişilmektedir.

Genel Özellikler

• Ad: Değişkenin akıştaki tekil adıdır. Kod işlemlerinde bu bölüm kullanılır. Kullanıcılar tarafından görüntülenmemektedir. Değişken ilk oluşturulduğu zaman girilir. Güncelleme işlemi yapılamaz.
• Görünen Ad: Değişkenin görünen adıdır. Kullanıcılar ilgili akışı web veya mobil üzerinden açtıklarında bu bölümü görmektedir. 
• Tip: İlgili değişkenin tip bilgisidir. Değiştirilemez.

Özet

• Diğer Özellikler: iFrame' in scrolling, frameborder gibi diğer detay özelliklerin tanımlandığı alandır. Özellikler tanımlanırken '+' ile birleştirilmesi gerekmektedir.
• Genişlik: Çerçevenin genişlik bilgisidir.
• Url: Çerçeve içerisinde gösterilecek sayfanın link bilgisidir. 
• Üst Sayfanın Veri Göndermesine İzin Ver: Çerçeve içerisinde gösterilen sayfadan gelen bir dönüş mesajı varsa ve onu form içerisinde kullanmak istiyorsak işaretlenmelidir. Çerçeve değişkeninin değer değiştiğinde kısmında bu işlem gerçekleştirilebilir. 

  window.parent.postMessage("FLOW|" + variableValue + "|" + firstValue, '*'); formatında dönüş beklenmektedir.

• Yükseklik: Çerçevenin yükseklik bilgisidir.

Çerçeve içerisinde kullanılmak istenen linklerin referrerpolicy değerleri görüntüleme için önemlidir. (Örneğin; Google, Youtube vb. sayfalar sameorigin çalıştığı için başka sayfaların içerisinde gömülü olarak çalışmamaktadır. Ancak youtube linki koymak istiyorsak video üzerinde sağ tık> Yerleştirme Kodunu Kopyala seçeneğinden src li adres alınarak çerçeve değişkeni içerisinde kullanıldığında video form üzerinde gösterilebilir olur.) Bu yüzden çerçevede kullanılacak linklerin doğru seçilmesi gerekmektedir. ReferrerPolicy değerleri uyuşmayan link kullanılmak istendiğinde içerik gösterilemeyecek olup uyarı alınacaktır. Aşağıda bu konu ile ilgili bazı detay bilgilere ve eğer sayfa sizin yönetiminizdeyse uygulanabilecek bazı işlemlere yer verilmiştir.

ReferrerPolicy; IFrame olarak kullanılacak sitenin kendi koyduğu bir güvenlik önlemidir, çapraz kullanım (http-htttps) ya da farklı urllerden kullanılacak iframe'ler için projenin içerisinden bu ayarların yönetilmesi gerekmektedir, Flow tarafında yapılması gereken bir geliştirme değildir. İlgili firma X projesi içerisinde yukarıda verdiğim örnekler bağlamında geliştirmelerini düzenlemeleri gerekmektedir. 

Referrer Policy Türleri

Kullanım Dinamiği

Oluşturulan projenin geliştirildiği platforma göre default referrer policy türü değişiklik gösterecektir. 

Oluşturulan default .Net Web Application'da iFrame cross site (http-https) testlerde ya da referrer policy engeline takılma konusunda bir problem yaşamamaktadır, çünkü Flow'un kullandığı X projesinde bir X-Frame-Options ayarı verilmemiştir.

Eğer X-Frame-Options SAMEORIGIN'e çekilirse

Image RemovedImage Added

HTTP ya da HTTPS fark etmeksizin Flow üzerinden ilgili iFrame'e erişilmeyecektir. Eğer bu kod bloğunu kaldırırsak, o zaman iFrame'e erişimde bir problem gözlenmemektedir.
Tüm Gelen İsteklere İzin Vermek İçin AllowAll kullanılması yeterlidir.

<system.webServer>
...
<httpProtocol>
  <customHeaders>
    <add name="X-Frame-Options" value="AllowAll" />
  </customHeaders>
 </httpProtocol>
...
</system.webServer>

URL Bazlı Allow Origin

Eğer kullanıcı belli bir url'e izin vermek isterse aşağıdaki yapıda url'i vererek kullanabilir.

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://www.yourSite.com" />
      </customHeaders>
    </httpProtocol>
</system.webServer>