Flex ile amfphp kullanmak

An article by İsmail Şimşek    1 Comment

Flex içinden veritabanına erişebilmek veritabanında işlem yapabilmek için server tarafında çalışacak olan bir yazılım diline ihtiyacımız var. Ben php kullanıyorum. Tabiki yakında asp de lazım olacak farklı işler için onu da öğrenmek lazım.

Flash, flex için doğan bu ihtiyaçtan ötürü amfphp geliştirilmiş. Bu ara script ile veriler 10 kat daha hızlı iletiliyor ve alınıyor. (tabi bu hız sizin sql sorqularınıza göre değişiklik gösterecektir.) tek yapmanız gereken php dosyanızı sınıf şeklinde hazırlamak. Başka türlü bir verim alamazsınız amfphp den.

Öncelikle şu adresteki amfphp dosyamızı bilgisayarımıza indirip localhostta uygun bir yere çıkartıyoruz. Daha sonra çıkarttığımız dosyaya şu adres ile ulaşıp (127.0.0.1 yerine localhost yazarsanız da sonuç değişmez bu benim tercihim :))“http://127.0.0.1/cikartiginiz_dosyanin_adi/browser/” tarayıcımızla ulaşıp karşımıza gelen ekranda hiçbir şeye dokunmadan “Save” diyoruz. (ben amfphp isimli bir dosyaya çıkarttım).

Artık kullanıma hazır. Soldaki menüden hazırladığımız sınıflara ulaşabilir arayüz üzerinden direkt olarak bu sınıflara erişebilir hatta kullanabilir sonuçlarını görebiliriz.

Peki php de nasıl sınıf yazacağız. Aslında çok basit. Ben sadece basitçe göstereceğim. Siz sonra geliştirisiniz. Sınıf dosyalarımızı services isimli klasörde saklamamız gerekiyor.  küçük birkaç not eğer sınıf içinde sınıfımızla aynı ismi taşıyan bir fonksiyonumuz varsa bu otomatik olarak yapılandırıcı fonksiyon olarak atanır ve ilk olarak bu fonksiyon çalışır. Örneğin veritabanı gerektiren uygulamalarınızda veritabanı bağlantılarınızı bu fonksiyon içine tanımlayabilirsiniz.

Bu şekilde ilk sınıfımızı oluşturduk. Browser panelimizi refresh ettiğimizde karşımıza sınıfımız gelecektir.
Gördüğünüz gibi sınıfımız karşımızda ve direk kullanıma hazır.

Ekrandaki text alanına herhangi bir şey yazıp call diyerek test edebiliriz.

Gelelim Flex tarafına.
Öncelikle yeni bir flex Project oluşturup src dizinine bu adresten indireceğiniz xml dosyasını koyuyoruz. Bu dosya flex in amfphp ile iletişiminde hayati rol oynuyor bizim için. Burada dikkat etmemiz gerekn nokta şu dosya içerisinde bir yeri amfphp yi attığımız yere göre kendimiz düzeltmeliyiz (benim dosyamı indirdiğiniz için benim dosyanın yolu yazıyor.)
<endpoint uri=”http://127.0.0.1/sizin_amfphp_icerigini_cikarttiginiz_klasor_ismi/gatewat.php”/>

Aşağıdaki örnek görüntüde daha iyi göreceksiniz değiştirmeniz gereken yeri.

Daha sonra flex navigatörden oluşturduğumuz projeye sağ tıklayıp “Properties” i seçiyoruz.

Buradan “Flex Compiler” seçeneğine tıklayarak karşımıza gelen text alanına şunları ekliyoruz. Parantezler içindeki bölüm (evet en başta boşluk var)

( -services "services-config.xml") son olarak görüntü aşağıdaki gibi olmalı.

Bu kısmıda Apply ve OK diyerek geçtikten sonra artık kodlamaya geçebiliriz. Çok karışık değil bunları bi kere yapacağız gerisi sınıf dosyasını ve flex uygulamamızı geliştirdikçe gelişecek…ayrıca bunları bir kere yapınca kopyala yapıştır ile diğer projelerinizede aktarabilirsiniz ben öyle yapıyorum J

Öncelikle çalışma alanımıza bir adet TextInput, bir adet Button ve bir adet label yerleştiriyoruz. textInput’a id olarak “gonderilenVeri“ yazıyoruz. Butona da “gonder” id sini verelim.. Butona tıklandığında “veriGonder” fonksiyonunu çalıştırmasını söyleyelim.  Ve uygulamamıza amfphp yi remoteobject olarak ekliyelim. Bu durumda

Sonuç olarak:

Burada RemoteObject kısmını açıklayacak olursak; id ile RemoteObject nesnemize bir id veriyoruz daha sonra bu isim ile ulaşacağız kendisine. fault ile gönderim ya da alım sırasında bir hata oluştuğunda tetiklenecek olan fonksiyonu belirledik. Burada hata fonksiyonu hata kodunu hata mesajını ve deyaını bize alert olarak gösterecektir. showBusyCursor ile veri alışverişi sırasında flexe özgü bekleme cursor unun gösterilmesini sağlıyoruz. Source ise amfphp deki sınıf dosyamızın adı. Destination ise amfphp dosyamızın bulunduğu hedef klasör benim bilgisayarımda bu klasörün adı amfphp. Sınıf içerisinde tanımladığımız fonksiyonlara erişmek için RemoteObject nesnesi tagları arasına method taglarını yazıyoruz. Burada ilkdeneme methodumun adını (Dikkat: aynı zamanda php deki fonksiyon ismi)result ise bu method dan dönen sonuçların hangi fonksiyona aktarılacağını gösteriyor.

Burada dikkat edeceğimiz ikinci nokta şu: tanımladığımız fonksiyonlara gelen verilerin türleri. Hata fonksiyonunda FaultEvent tetiklenir.  ilkDenemeSonuc fonksiyonunda ResultEvent tetiklenir.
Şimdi de veriGonder fonksiyonumuza kodlarımızı yazalım.

amf.getOperation("ilkdeneme").send(gonderilenVeri.text);

Burada yaptığımız şey şu: ilk deneme isimli methoda gonderilenVeri deki veriyi gönderdik. Hangi methoda veri göndereceksek bu şekilde verimizi gönderebiliriz. İstediğimiz kadar veri gönderebiliriz. Sadece aralarına virgül koymamız yeterli. Tabi php tarafında da bu verileri karşılamamız lazım ki sonra sen 3 gönderdim ama bu tarafta 1 bekleniyordu hataları almayasınız.
Dönen veriyi ekranda göstermek için ilkDenemeSonuc fonksiyonuna şu kodları yazıyoruz:

Alert.show(e.message.body.toString(),"Dönen Veri");

Yani e ye dönen mesajın gövdesindeki değeri stringe çevir ve alert ile göster dedik. Fonksiyonlarımızın son halleri şu şekilde oldu:

Artık çalıştırabiliriz. Burada güzel olan şu dosyanızın uzantısı html olarak kalıyor dosyanızı localhost içersine aymanıza gerek yok çift tıklayarak çalıştırdığınızda o kendi dosyayı bulacaktır artık. Service-config.xml dosyası bu işe yarıyor. Sonucu hep birlikte görelim:

Evet sonuc başarılı. İlk veri alış verişini gerçekleştirdik. Bu olayı geliştirmek size kalıyor. Sorularınızı bana iletebilirsiniz. Aşağıdaki linkten uygulamanın dosyalarına erişebilirsiniz. (uygulama zip halinde bunu flex içersine import etmeniz gerekiyor. nasıl yaparım diyorsanız buyurun sizi şöyle alalım.)

Buradan indirelim...