Fiori geliştirmeye nasıl başlarım?

Özellikle yakın çevremden sık sık duyduğum bu soruya yardımcı olmak istiyorum. Fiori nedir, ne yapar, hangi aşamalardan geçip bugünkü haline geldi diye merak ediyorsanız yazılarını beğeniyle takip ettiğim Barış Arslan’ın yazısını ve bu işin ilklerinden olan değerli büyüğüm Serkan Özcan’ın yazısını okumanızı tavsiye ederim.

Çok değil iki sene önce kodlarımızı Eclipse üzerinde geliştirip, SAP’nin yayınladığı plugin yardımıyla gateway sunucumuza deploy ediyorduk. Şimdilerdeyse yerini SAP’nin geliştirdiği, sadece Fiori uygulamaları değil; hibrit, IoT ve HANA uygulamaları geliştirmek için de kullanabileceğimiz SAP Web IDE ürününe bırakmış durumda.

IDE ile uygulamalarımızı hazır şablonlar kullanarak tek satır kod yazmadan oluşturabilir, sürükle-bırak özelliği ile ekranları hızlıca tasarlayabilir, mock server özelliği ile OData hazırlamadan ekranlarımızı örnek verilerle doldurabilir, kod versiyonlama araçlarına pratik olarak entegre edebilir, sandbox özelliği sayesinde de sanki uygulamamızı SAP Gateway üzerinde çalıştırıyormuş gibi test edebiliriz. IDE’yi istersek HCP (Hana Cloud Platform) üzerinde online olarak, istersek de SAP Web IDE Personal Edition‘ı bilgisayarımıza indirip offline olarak kullanabiliyoruz.

Bulunduğunuz ortamda internet bağlantınızda problem yoksa tavsiyem IDE’yi online olarak kullanmanız olur. SAP, IDE güncellemelerini ilk buraya uygular ve son sürüm SAPUI5 özelliklerini kullanmamızı sağlar. Öncelike https://account.hanatrial.ondemand.com adresinden HCP’ye kayıt olup giriş yaptıktan sonra, soldaki menüden Services ekranı içerisinde IDE servisini etkinleştirerek açabilirsiniz.

Hana Cloud Platform Cockpit
Hana Cloud Platform Cockpit

Offline ortamda da geliştirmelerime devam edebileyim, internetim yavaş hız benim herşeyim diyorsanız Personal Edition’ı https://tools.hana.ondemand.com/#sapui5 adresinden indirip kullanabilirsiniz. .zip dosyasını çıkardıktan sonra eclipse > orion uygulamasını çalıştırın. Orion, bilgisayarınızda sanal sunucu olarak çalışır ve çalıştığı sürece http://localhost:8080/webide/index.html adresinden lokalinizde çalışan IDE’ye erişebilirsiniz.

SAP Web IDE Personal Edition
SAP Web IDE Personal Edition

Hızlıca şablondan örnek bir uygulama hazırlayacak olursak, öncelikli ihtiyacımız bir OData servisi olacaktır. İşin bu tarafı ABAP geliştirmesi olduğundan, ayrı başlık altında değinmeyi planlıyorum. Hazır OData servislerine doğrudan url ile erişilebilir ya da bir meta dosyası yardımıyla mock server özelliği kullanılabilir. Northwind servisinin metasını buradan indirip bilgisayarınıza kaydedin. IDE ekranından New Project from Template ile uygulama oluşturma adımlarını takip edin.

Temel olarak iki tip şablon vardır. Bunlar; solda liste halinde başlık bilgilerinin ve sağda detay ekranın bulunduğu Master-Detail Application ve tam ekran liste şeklinde başlık bilgilerinin bulunup, detay sayfasına ilgili satır seçildiğinde erişildiği Worklist Application‘dır.

Template Selection
Template Selection

Bu adımda projemize daha önceki projelerimizde kullanmadığımız bir isim veriyoruz.

Basic Information
Basic Information

Bu adımda OData seçimi için Service Catalog sekmesinden herhangi bir ERP, CRM, vb. sisteme bağlanabiliriz. Henüz OData servisi hazırlamamışsak veya servise erişimimiz yoksa mevcut meta dosyasını seçerek mock data ile çalışabiliriz. File System sekmesinden Northwind meta dosyamızı seçerek devam ediyoruz.

Data Connection
Data Connection

Uygulamamızla ilgili son rötuşları yaparak tamamlıyoruz.

Template Customization
Template Customization
Fiori Klasör Yapısı
Fiori Klasör Yapısı

Uygulamamızı mock data ile doldurmak için ekranın üst bölümdeki açılır pencereden App in FLP Sandbox (Mock Server) ayarını seçip çalıştırıyoruz. Tek satır kod yazmadan uygulamamızı hazırlamış olduk 🙂

Comments

“Fiori geliştirmeye nasıl başlarım?” için 4 yanıt

  1. Hüseyin avatarı
    Hüseyin

    Güzel paylaşım, eline sağlık yenilerini bekliyorum 😉

  2. ufuk avatarı
    ufuk

    Tebrikler, oldukça faydalı…

  3. Burak avatarı
    Burak

    Çok teşekkür ederiz. Yenilerini sabırsızlıkla bekliyoruz.

  4. Sannytug avatarı
    Sannytug

    Make a more new posts please 🙂
    ___

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir