ZamfBrowser

CodeIgniter AMHPHP Library

Mislim da knjiga nije namijenjena početnicima, već onima koji već rade u Flexu i  žele svoja rješenja nadopuniti svoja znanja o tome što već gotovo postoji na webu i što sve možete koristiti već danas. Ok, ako ste početnik i ako ste vješti s kodom, onda ćete se već nekako snaći, ali prije ove knjige bih preporučio knjigu koja će vas naučiti osnovama Flexa.

U knjizi postoji jedna stranica zbog koje vjerujem da se isplati kupiti dotično štivo, jer se na toj stranici može vidjeti kratki sažetak biblioteka, API-ja i gotovih komponenti koje se koriste i spominju u knjizi. Za neke od njih ste već čuli na siteu, a ne bi bilo korektno od mene da ih  sada  sve nabrojim – pregledajte site ili kupite knjigu .

Prvo poglavlje knjige možda nije nije potrebno, jer u nekoliko stranica opisuje što je Flex i kako napraviti osnovno sučelje, nakon toga trebate instalirati AMFPHP funkcionalnost i gotove setova podataka koje ćete koristiti za prikaz grafova, galerija fotografija, video i audioplayer, kako implementirati nove kontrole za unos podataka, kako napraviti potpuno drugačiji grafikon pomoću vanjskih biblioteka ili pomoću npr. ILOG komponenti.

Knjiga nije tu da bi vas naučila osnovnim konceptima razvoja sučelja, već da vas nauči što već postoji vani, koji libraryji, koje komponente, koji dodatci za Flex, te vas uči kako ih koristiti u konkretnim primjerima.  Bez obzira što je riječ knjizi koja je temeljena na Flex 3 frameworku, većina komponenata će dobiti svoje nove verzije za Flex 4, a vjerujem da i većina postojećih može uredno funkcionirati u novom SDK.

Vjerujem da bi ova knjiga mogla svakom iole poštenom Flex developeru pomoći u dobivanju novih ideja  za razvoj dobrih Flex aplikacija. A i moći ćete biti poput vašeg kolege s početka teksta.

Naslov: Flex 3 Component Solutions – Build Amazing Interfaces with Flex  Components
Autor: Jack Herrington
Jezik: engleski
Broj stranica: 432
Izdanje: 15.04.2009.
ISBN: 1-4302-1598-4
ISBN 13: 978-1-4302-1598-1
Teme i tehnologije: Flash/Flex
Ocjena: 5/5

Multiple file upload with AMFPHP

Dakle, imate Flex formu u koju će korisnik upisati svoj komentar. Za potrebe pohrane tih informacija trebamo Actionscript klasu. Klasa će biti definirana unutar package-a org.zgflex. Bitno je, kao i u svim primjerima rada s AMFPHP-om, navesti Remote alias klase:

package org.zgflex
{
 [RemoteClass(alias="org.zgflex.Comment")]
 [Bindable]
 public class Comment
 {
    public var id:int;
    public var name:String;
    public var title:String;
    public var email:String;
    public var comment:String;
  }
}

Istu takvu PHP klasu je potrebno složiti na serveru.

<?php
class Comment { 
   public $id;
   public $name;
   public $title;
   public $email;
   public $comment;
   var $_explicitType = "org.zgflex.Comment";
}
?>

PHP servis treba imati dvije metode, jednu za pospremanje komentara u MySQL bazu podataka, a drugi koji će dohvatiti sve pohranjene komentare.

    public function getAllPosts()
    function sendComment($comment)

I ostaje nam samo nakon toga upogoniti Flex. Prilikom pritiska na gumb forme podaci se šalju na server, a ukoliko je komentar uredno pohranjen u bazu podataka, pokrenut će se zahtjev za dohvat svih upisanih postova i oni će se pospremiti u DataGrid. Dolje možete vidjeti kako izgleda kod RemoteObject instance koja zove PHP server.

    <mx:RemoteObject id="GuestbookService" source="org.zgFlex.cookbook.services.GuestbookService"
         destination="amfphp" fault="faultHandler(event)" showBusyCursor="true">
        <mx:method name="getAllPosts" result="getAllPostsHandler(event)"
                 fault="faultHandler(event)" />
        <mx:method name="sendComment" result="sendCommentHandler(event)"
                 fault="faultHandler(event)" />
    </mx:RemoteObject> 

Ovdje možete dohvatiti kod opisanog primjera: PHP Flex Guestbook

U ovom primjeru ćete pomoću PHP upita dohvatiti niz podataka koji će biti posebno formatiran za Flex ComboBox, nakon toga ćete odabirom određene momčadi (opet je primjer s podacima o nogometnim momčadima) popuniti podatke o igračima momčadi unutar DataGrida, pozivom metode RemoteObjecta koja je opet povezana AMF protokolom na PHP server. Dolje navedena PHP metoda dohvaća listu momčadi, s time da su podaci u arrayu postavljeni tako da se ComboBox popuni prilikom dohvata niza sa servera (zato se dobivaju vrijednosti label i data).

    public function getTeamsList()
    {
        $sql = 'SELECT     id data,
                        title label
                FROM     team
                ORDER by title ASC';

        $result = mysql_query($sql, $this->_db);
     
        $teams = array();
     
        while ($row = mysql_fetch_object($result)) {
            $teams[] = array('data' => $row->data, 'label' => $row->label);
        }
     
        mysql_free_result($result);
        return $teams;     
    } 

Priča će se dalje nastaviti tako što ćete moći odabirom retka u DataGridu vidjeti podatke o tom igraču u Flex Label objektima, a nakon toga ćete iz druge padajuće liste moći transferirati igrača u neki drugi klub. Povratnom informacijom sa servera ćete dobiti promjenu ekrana, tako što će prelaskom igrača u npr. Chelsea, Flex aplikacija pozvati dohvat svih igrača iz tog novog kluba.

Demo opisane aplikacije možete skinuti ovdje: Popunite vrijednosti Flex komponenata pomoću AMFPHP-a

AMFPHP je bio jedan od prvih serverskih dodataka za razvoj Flex web aplikacija koje u pozadini koriste PHP i AMF protkol. Najnoviju verziju AMFPHP-a možete skinuti na www.amfphp.org. Nakon što skinete AMFPHP, sadržaj arhive pohranite na direktorij na lokalnom ili udaljenom serveru.

Recimo, napravite direktorij “amf” i u njega pohranite sadržaj čitave arhive. Ako to radite na lokalnom serveru, onda bi to trebao biti direktorij kojemu se može pristupiti preko linka: http://localhost/amf/. U mojim primjerima ćete vidjeti da obično koristim neki drugi testni server, pa onda i vi možete napraviti tako, inače samo prepravite URL-ove i sve će normalno funkcionirati.

Da biste bili sigurni kako je AMFPHP ispravno instaliran, pristupite serveru putem linka i pokrenit gateway.php datoteku. Ako je sve u redu, trebali biste dobiti poruku kako je AMFPHP uredno instaliran i da možete pristupiti njegovom service browseru. Ako ne dobijete tu poruku, onda najvjerojatnije niste dobro raspakirali datoteke.

Service browser je odlična opcija u AMFPHP libraryju, a pomaže vam pregledati sve postojeće PHP servise koje imate na serveru.

Da biste napravili uspješan primjer komunikacije Flexa i PHP-a trebate napraviti testnu bazu podataka, kopirati PHP datoteke iz priložene arhive i u Flex Builder importati Flex projekt iz dolje navedenih arhiva. Tu ne bi trebalo biti nikakvih problema. Testna MySQL baza podataka sadrži podatke o nogometnim momčadima, igračima iz tih momčadi i pozicijama na kojima oni igraju.

PHP datoteke treba pohraniti u AMFPHP direktorij services, jer se tamo pohranjuju svi PHP servisi. Unutar direktorija se nalaze dva poddirektorija, jedan u kojem se nalaze naši testni servisi, a u drugom se nalaze PHP klase koje ćemo koristiti za pohranu informacije. Idemo pogledati kako izgledaju ti servisi. Za potrebe ovog recepta napravio sam jednostavnu PHP klasu koja sadrži dvije metode:

FlexAMFPHP.php

class FlexAMFPHP
{

   function communicationTest()
   {
      return 'Connected to AMFPHP!';
   }

   function checkAnotherMethod()
   {
       return 'Another method is checked!';
   }

}

Bitno je naglasiti kako klasa untar datoteke mora imati isti naziv kao i sama datoteka. Sada kada imamo PHP servis, trebamo pogledati da li smo na server stavili crossdomain.xml datoteku, kojom se definiraju pravila pristupa remote klijenata na server. To znači da na server treba staviti datoteku kako bi Flex aplikacije (koje se vrte na klijentu) mogle pristupiti našem PHP serveru. Ovu datoteku stavite u root direktorij servera. Dolje je naveden osnovni sadržaj crossdomain.xml datoteke, a više o definiciji te datoteke može pronaći na Googleu.

crossdomain.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
 <allow-access-from domain="*" />
</cross-domain-policy>

Drugi PHP web servis će dohvaćati podatke o igračima i momčadima. Navedena klasa SoccerMannager dohvaća informacije o momčadima i igračima koji igraju za nju. Te informacije se pohranjuju u dvije PHP klase:

class Team
{
   public $id;
   public $title;
   public $league;
   var $_explicitType = "org.zgflex.Team";
// bitno navesti path, radi mapiranja s Actionscript klasom
}
class Player
{
   public $id;
   public $name;
   public $team_id;
   public $team_title;
   public $team_league;
   public $position_id;
   public $position_title;
   var $_explicitType = "org.zgflex.Player";
}
?>

Trik kod korištenja AMF protokola je mapirati PHP i ActionScript klase. Tako ćete unutar Flex projekta imati slične ActionScript klase koje se nalaze u org.zgflex packageu. Na taj način će Flex dobiti podatke u obliku pojedinih objekata, te će ih smatrati Flex objektima koji su instanca pojedine klase koju smo napisali u Actionscriptu.

U SoccerManager.php klasi podesite parametre za pristup MySQL bazi podataka. Možete testirati navedenu klasu i preko service browsera.

Ostaje nam još učitati Flex projekt koji sadrži potrebne komponente. Za pristup servisima u Flexu se koristi datoteka service-config.xml, u kojoj se mora navesti na koju lokaciju gleda naša aplikacija. Stoga provjerite da li je URL u toj datoteci ispravan, a on treba gledati amf/gateway.php datoteku.  Također, kako bi Flex projekt koristio ovu XML datoteku, potrebno je koristiti ju kao izvor informacija kod kompajliranja projekta, pa je u postavkama Flex projekta potrebno staviti ovaj compiler parametar:

-locale en_US -services "services-config.xml"

Pokrenite Flex projekt i testirajte jednostavni i malo složeniji PHP servis. Flex se spaja na PHP servise putem RemoteObject instanci, kojima se predaju parametri po definiranim metodama. Rezultat sa servera se dohvaća u određeni resultHandler, a response se prihvaća kao result objekt iz pripadajućeg ResultEventa.

I to bi bilo to. Ako imate kakvih problema, slobodno ih javite

Source: Započnite koristiti AMFPHP