Power Apps’e Iframe Component’i Ekleme

Bu makalede canvas app’de iframe componentinin kullanımı üzerine örnek gösterilmiştir.

Herkese merhaba,

Bugün yazımda Power Apps uygulamalarında iframe’in kullanımından bahsedeceğim. Bildiğiniz gibi iframe, başka bir HTML sayfasının uygulamanıza gömülmesini sağlayan bir HTML elementidir. Bu elementi kullanmak için hazır bir component kullanacağım. Yanlız bu componenti Power Apps’de kullanabilmem için öncelikle Power Platform Admin Center’dan componentin kullanımına izin vermeliyim. İzin verebilmek için yetkinizin olması gerektiğini unutmayınız. Önce bunu yapalım. Gideceğim adres;

Power Platform Asdmin Center > Environments > Settings

Iframe componentini kullanacağım uygulamanın yaşayacağı enironment’ı seçtikten sonra Ayarlardan (Settings)

Product > Features > Power Apps Component Framework for Canvas Apps

Canvas App’lerde framework componentini kullanabilmek için izinimi “On” pozisyonuna getirip “Save” diyorum.

İzni verdikten sonra github’dan aşağıdaki solution‘ı indiriyorum.

Lokalime indirdiğim solution’ı uygulamada direkt kullanmam için önce Power Apps’de Solution’lara eklemem gerekmektedir. Bunun için

Power Apps > Solutions > Import > Browse diyip lokale indirdiğim zip dosyasını Power Apps’e import ediyorum. Biraz zaman alabilir, import sırasında Power Apps’de başka sayfalara gitmeyiniz, aynı sayfada kalmaya özen gösteriniz.

Çözümü yükledikten sonra bunu kullanmak için boş bir IframeDemo adında canvas app açıyorum. Çünkü indirdiğim çözüm canvas app’de iframe kullanmamı sağlıyor.

IframeSolution’ı uygulamada kullanabilmem için Component olarak eklemem gerekecek. Bunun için izleyeceğim adımlar;

Insert > Get More Components > Code > IframePCF (solution’a eklediğimiz dosya) > Import

Import işlemi tamamlanınca Insert penceresinde “Code Component” menüsü gözükecek ve iframe’i canvasa sürükle-bırakla ekleyebilirsiniz.

Component’in “src” özelliğine uygulamaya gömmek istediğiniz adresi veya mesela Power BI Service’de yayınladığınız raporların linkini yapıştırabilirsiniz. Iframe kutusu içinde belirttiğiniz adresin canlı bir şekilde geldiğini göreceksiniz.

Böylece hazır bir solution kullanarak, bunu power apps’e import etmeyi, ardından da component olarak uygulamaya eklemeyi ve canvas uygulamada kullanmayı göstermiş oldum.

Umarım işinize yaramıştır.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s