Leonardo França » AMFPHP http://www.leonardofranca.com Flash Platform Consultant and Developer (Adobe AIR/Flex/Flash/Flash Media Server/PHP/Java/.NET) Wed, 01 Feb 2012 14:05:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 FLEX 2 and AMFPHP: Populating a Datagrid http://www.leonardofranca.com/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/ http://www.leonardofranca.com/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/#comments Mon, 08 May 2006 22:22:13 +0000 Leonardo França http://www.leonardofranca.com.br/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/en/ Continue reading →]]> Continuing the studies on Flex 2, I found this article written for Mike Potter on the integration of the Flex 2 and AMFPHP, in the example I made with that the Flex loaded the data of the article that I wrote on editing the data of a data base using Flash and AMFPHP.

see the sample

more examples by Renaun Erickson including the use of Cairngorm

More
Adobe Labs
http://labs.adobe.com

AMF3 Specification
http://www.osflash.org/amf3/index

]]> http://www.leonardofranca.com/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/feed/ 0 Flex 2.0 and AMFPHP!!! http://www.leonardofranca.com/index.php/2006/01/11/flex-20-e-amfphp-2/ http://www.leonardofranca.com/index.php/2006/01/11/flex-20-e-amfphp-2/#comments Wed, 11 Jan 2006 22:41:07 +0000 Leonardo França http://www.leonardofranca.com.br/index.php/2006/01/11/flex-20-e-amfphp-2/en/ Continue reading →]]> Until Flex 1,5, the AMFPHP could be used normally, simply pointing the address of gateway through tag RemoteObject as in the example a to follow:

PLAIN TEXT
XML:
  1. <! -- endpoint is the location of the gateway file. source is the name of the
  2.     service (can be fully qualified like com.mydomain.MyService). AMFPHP does not support
  3.     named arguments but you can simply write them as arg1, arg2, etc. -->
  4. <mx :RemoteObject endpoint="http://www.mydomain.com/amfphp/gateway.php"
  5.    id="service"
  6.    source="MyService"
  7.    protocol="http"
  8.    showBusyCursor="true">
  9.    <mx :method name="doSomething">
  10.       <mx :arguments>
  11.         <arg1>{txtName.text}</ arg1>
  12.       </ mx:arguments>                        
  13.  </ mx:method>
  14. </ mx:RemoteObject>

In Flex 2,0 AMF was introduced a new protocol, AMF3, with improvements of peformance and income. However, to use the RemoteObject he will be need to have the Flex Data Service, that is we are again limited to the requirements of the server for the development.

however as always it was politics of the macromedia, Flex 2,0 still will be compatible with AMF0. Now we have the option to choose between the two protocols. Being between AMF0 and AMF3. This relieved well interesting discussions in the list of flexcoders To determine which protocol he will be used is enough to configure objectEncoding. For example:

PLAIN TEXT
Actionscript:
  1. //usando o AMF0
  2. objectEncoding = ObjectEncoding.AMF0;
  3. //usando o AMF3
  4. objectEncoding = ObjectEncoding.AMF3;

As result of these discurssões, it was arrived following codigo. This codigo was based on post of Jesse Warden

Creating a class extends the NetConnection class

PLAIN TEXT
Actionscript:
  1. package {
  2.    import flash.net.NetConnection;
  3.    public class NetConnection2 extends NetConnection {
  4.         public function AppendToGatewayUrl(append:String):Void{
  5.             //defaultObjectEncoding = AMF0;
  6.         }
  7.         public function AddHeader():Void{
  8.             //
  9.         }
  10.         public function ReplaceGatewayUrl(append:String):Void{
  11.             //ReplaceGatewayUrl
  12.         }
  13.    }
  14. }

Having this, we will use another class to use AMF0 and to connect to the AMFPHP

PLAIN TEXT
Actionscript:
  1. package {
  2.     import flash.display.Sprite;
  3.     // import the internal classes
  4.     import flash.net.Responder;
  5.     import flash.net.NetConnection;
  6.     import flash.net.ObjectEncoding;
  7.     // import your custom class
  8.     import NetConnection2;
  9.     import flash.util.trace;
  10.     import flash.display.MovieClip;
  11.     import flash.display.Stage;
  12.     import flash.display.StageAlign;
  13.     import flash.display.StageScaleMode;
  14.  
  15.     public class remoting extends Sprite{
  16.         public var gateway_conn:NetConnection2;
  17.         public var gatewayURL:String = "http://127.0.0.1/flashservices/gateway.php";
  18.        // setup your jazz
  19.         public function remoting(){
  20.             this.gateway_conn = new NetConnection2();
  21.             this.gateway_conn.objectEncoding = ObjectEncoding.AMF0;
  22.             this.gateway_conn.connect(gatewayURL);
  23.             // make a method call on a PHP class
  24.             var r:Responder = new Responder(onPingResult, onPingStatus);
  25.             this.gateway_conn.call("teste2.ola", r);
  26.         }
  27.         // call back functions
  28.         public function onPingResult(event:Object):Void{
  29.             // success!
  30.             //trace(event.result);
  31.             trace("onPingResult()");
  32.             var s:Stage = new Stage();
  33.             s.scaleMode = StageScaleMode.NO_SCALE;
  34.             s.align = StageAlign.TOP_LEFT;
  35.             var t:TextField = new TextField();
  36.             t.width = 500;
  37.             t.text = "FLASH REMOTING!!! eu sou "+event;
  38.             addChild(t);
  39.             trace("FLASH REMOTING!!! eu sou " +event);
  40.         }
  41.         public function onPingStatus():Void{
  42.             //Status;
  43.         }
  44.     }
  45. }

Our class in PHP for test.

PLAIN TEXT
PHP:
  1. <?php
  2. //flie teste2.php
  3. class teste2{
  4.  
  5.     function teste2(){
  6.         $this->methodTable = array(
  7.         "ola" => array(
  8.         "description" => "testando o AMFPHP com Flex 2.0",
  9.         "access" => "remote" // available values are private, public, remote
  10.         )
  11.         );
  12.     }
  13.  
  14.     function ola(){
  15.         return "FLEX 2.0 COM AMFPHP!!!";
  16.     }
  17. }
  18. ?>

Now we can sufficiently play with the Flex 2 and AMFPHP.

viem the example

AMFPHP
http://www.amfphp.org/docs/otherplatforms.html

Labs Adobe(Macromedia)
http://labs.macromedia.com

Flexcoders
http://www.flexcoders.com

Get Flash Player 9

]]> http://www.leonardofranca.com/index.php/2006/01/11/flex-20-e-amfphp-2/feed/ 0 Inserting, editing and excluding registers in the database using AMFPHP http://www.leonardofranca.com/index.php/2005/12/13/inserting-editing-and-excluding-registers-in-the-database-using-amfphp/ http://www.leonardofranca.com/index.php/2005/12/13/inserting-editing-and-excluding-registers-in-the-database-using-amfphp/#comments Tue, 13 Dec 2005 22:30:07 +0000 Leonardo França http://www.leonardofranca.com.br/index.php/2005/12/13/inserting-editing-and-excluding-registers-in-the-database-using-amfphp/en/ Continue reading →]]> Already we know how Populating a Datagrid using AMFPHP, now we will see as to insert, to bring up to date and to exclude registers of the data base being used the AMFPHP We will use archive of the previous article the same .

We will not need to change in nothing our structure database. We will only modify the classroom in PHP and the FLA. Our class in PHP this:

PLAIN TEXT
PHP:
  1. <?
  2. class query{
  3. var $host = "localhost";
  4. var $user = 'root';
  5. var $database = 'seubanco';
  6. var $pass = 'suasenha';
  7. function query(){
  8. $this->methodTable = array(
  9. "get_user"=>array(
  10. "description"=>"populando nosso datagrid",
  11. "access�=>"remote�
  12. )
  13. );
  14. $this->conexao = mysql_pconnect($this->host,$this->user,$this->pass);
  15. mysql_select_db($this->database);
  16. }
  17. function get_user(){
  18. $query = mysql_query("SELECT * FROM usuarios");
  19. if (!mysql_error()) {
  20. return $query;
  21. }else {
  22. return mysql_error();
  23. }
  24. }
  25. }?>

we will add the metodos to insert, to bring up to date and to exclude the registers of the data base, respectively setRecords, updateRecords and delRecords.
it is necessary adds them in the construction function, in the variable methodTable.
Our class was thus:

PLAIN TEXT
PHP:
  1. <?
  2.     class query{
  3.    var $host = "localhost";
  4.    var $user = 'root';
  5.    var $database = 'seubanco';
  6.    var $pass = 'suasenha';
  7.  
  8.     function query(){
  9.         $this->methodTable = array(
  10.         "get_user"=>array(
  11.         "description"=>"populando nosso datagrid",
  12.         "access"=>"remote"
  13.         ),
  14.         "setRecords"=> array(
  15.         "description"=> "Insere registros no banco de dados",
  16.         "access"=> "remote",
  17.         "arguments"=>array ("nome","email","telefone")
  18.         ),
  19.         "updateRecords"=> array(
  20.         "description"=> "Atualiza os registros do banco de dados",
  21.         "access"=> "remote",
  22.         "arguments"=>array ("id","nome","email","telefone")
  23.         ),
  24.         "delRecords"=> array(
  25.         "description"=> "exclui os registros do banco de dados",
  26.         "access"=> "remote",
  27.         "arguments"=>array ("id")
  28.         )
  29.         );
  30.         $this->conexao = mysql_pconnect($this->host,$this->user,$this->pass);
  31.         mysql_select_db($this->database);
  32.     }
  33.  
  34.     function get_user(){
  35.         $query = mysql_query("SELECT * FROM usuarios");
  36.         if (!mysql_error()) {
  37.             return $query;
  38.         }else {
  39.             return mysql_error();
  40.         }
  41.     }
  42.     function setRecords($nome,$email,$telefone){
  43.         $query = mysql_query("INSERT INTO usuarios (nome,email,telefone) VALUES ('$nome','$email','$telefone')");
  44.         if (!mysql_error()) {
  45.             return "sucesso";
  46.         }else{
  47.             return "error";
  48.         }
  49.     }
  50.     function updateRecords($id,$nome,$email,$telefone){
  51.         $query = mysql_query("UPDATE usuarios SET nome = '$nome',email = '$email', telefone = '$telefone' WHERE id = '$id'");
  52.         if (!mysql_error()) {
  53.             return "sucesso";
  54.         }else {
  55.             return "error";
  56.         }
  57.     }
  58.     function delRecords($id){
  59.         $query = mysql_query("DELETE FROM usuarios WHERE id = '$id' LIMIT 1");
  60.         if (!mysql_error()) {
  61.             return "sucesso";
  62.         }else{
  63.             return "error";
  64.         }
  65.     }
  66. }
  67. ?>

Now we go to our archive in Flash, remembering that it only will contain the codes, the components (generated dinamicamente script saw action) will have to be in the library of the swf.
We will dinamicamente create dinamicamente the fields of text and the buttons, using the method createClassObject, being necessary to specify the way of the component.
For example to create a button dinamicamente.

PLAIN TEXT
Actionscript:
  1. _root.createClassObject(mx.controls.Button, "Button", 1);

One another way to make this would be to import the classrooms of the component in the start of script.

PLAIN TEXT
Actionscript:
  1. import mx.controls.Button;

and in metodo

PLAIN TEXT
Actionscript:
  1. _root.createClassObject(Button, " Button ", 1);

The second argument will be the name of the instancia of the object created in the case “Button�
Understood as the components they are created dinamicamente, we will need that when the option of datagrid will be clicked, that it appears in the fields of texts to be brought up to date or excluded. For this we will add to an object listener who listens to ours datagrid. We will make this of the function inside user_Result.

PLAIN TEXT
Actionscript:
  1. var listenerObject:Object = new Object();

creating the function that to respond to the object listener, in it we will catch the option that will be chosen in datagrid to fill the fields of texts , it notices that id of datagrid will be stored in an variable to be later used in the metodos to bring up to date and to exclude the information of the database . We are including the actions (onRelease) that they will be used in the buttons to bring up to date and to exclude the registers . It notices that it is not being enclosed the action of the button to insert therefore will not depend on datagrid.
When the button to bring up to date will be clicado it will order for the server the parameters that will be in the field of text and the variable “id� for method updateRecords(id, campo_nome.text, campo_email.text, campo_tel.text); (the same for exclusion ) e for I finish adding to everything this datagrid with the method addEventListener("change", listenerObject);

PLAIN TEXT
Actionscript:
  1. listenerObject.change = function(evt) {
  2. var id:Number = evt.target.selectedItem.id;
  3.         campo_nome.text = evt.target.selectedItem.nome;
  4.         campo_email.text = evt.target.selectedItem.email;
  5.         campo_tel.text = evt.target.selectedItem.telefone;
  6.         trace(evt.target.selectedItem.id);
  7.         bot_update.onRelease = function() {
  8.             var pcs:PendingCall = conexao.updateRecords(id, campo_nome.text, campo_email.text, campo_tel.text);
  9.             pcs.responder = new RelayResponder(_root, "updateRecords_Result", "updateRecords_Fault");
  10.         };
  11.         bot_excluir.onRelease = function() {
  12.             trace(id);
  13.             var pcs:PendingCall = conexao.delRecords(id);
  14.             pcs.responder = new RelayResponder(_root, "delRecords_Result", "delRecords_Fault");
  15.         };
  16.     };
  17. grid.addEventListener("change", listenerObject);

will also use the component “Alert� to confirm that the insertion, update and exclusion of a register were made successfully. It will be called inside the functions setRecords_Result, updateRecords_Result and delRecords_Result, being that as soon as ok of alert will be clicado the button, will be invoked the method update_Dg that datagrid will bring up to date the data of ours.

PLAIN TEXT
Actionscript:
  1. var dialog_obj:Object = Alert.show("Sucess", "Sucess!!!", Alert.OK, null, update_Dg);

the code:

PLAIN TEXT
Actionscript:
  1. //classes do Flash Remoting
  2. import mx.remoting.Service;
  3. import mx.services.Log;
  4. import mx.rpc.RelayResponder;
  5. import mx.rpc.FaultEvent;
  6. import mx.remoting.DataGlue;
  7. import mx.rpc.ResultEvent;
  8. import mx.remoting.PendingCall;
  9. import mx.remoting.RecordSet;
  10. import mx.controls.Alert;
  11. //criando a conexão do flash remoting para o AMFPHP
  12. //coloque o endereço do seu servidor e a sua classe
  13. var conexao = new Service("http://localhost/flashservices/gateway.php", new Log(), "query", null, null);
  14. //chamando o metodo get_user()
  15. var pcs:PendingCall = conexao.get_user();
  16. pcs.responder = new RelayResponder(this, "user_Result", "user_Fault");
  17. function user_Result(res:ResultEvent) {
  18.     var grid = _root.createClassObject(mx.controls.DataGrid, "dg", 1, {_x:200, _y:0});
  19.     grid.setSize(350, 300);
  20.     grid.dataProvider = res.result;
  21.     var total = res.result.length;
  22.     var listenerObject:Object = new Object();
  23.     listenerObject.change = function(evt) {
  24.         var id:Number = evt.target.selectedItem.id;
  25.         campo_nome.text = evt.target.selectedItem.nome;
  26.         campo_email.text = evt.target.selectedItem.email;
  27.         campo_tel.text = evt.target.selectedItem.telefone;
  28.         trace(evt.target.selectedItem.id);
  29.         bot_update.onRelease = function() {
  30.             var pcs:PendingCall = conexao.updateRecords(id, campo_nome.text, campo_email.text, campo_tel.text);
  31.             pcs.responder = new RelayResponder(_root, "updateRecords_Result", "updateRecords_Fault");
  32.         };
  33.         bot_excluir.onRelease = function() {
  34.             var pcs:PendingCall = conexao.delRecords(id);
  35.             pcs.responder = new RelayResponder(_root, "delRecords_Result", "delRecords_Fault");
  36.         };
  37.     };
  38.     grid.addEventListener("change", listenerObject);
  39. }
  40. function user_Fault(fault:FaultEvent) {
  41.     trace(fault.fault.faultstring);
  42. }
  43. function setRecords_Result(res:ResultEvent) {
  44.     trace(res.result);
  45.     var dialog_obj:Object = Alert.show("Sucess", "Sucess!!!", Alert.OK, null, update_Dg);
  46. }
  47. function setRecords_Fault(fault:FaultEvent) {
  48.     trace(fault.fault.faultstring);
  49. }
  50. function updateRecords_Result(res:ResultEvent) {
  51.     trace(res.result);
  52.     var dialog_obj:Object = Alert.show("Sucess", "Sucess!!!", Alert.OK, null, update_Dg);
  53. }
  54. function updateRecords_Fault(fault:FaultEvent) {
  55.     trace(fault.fault.faultstring);
  56. }
  57. function delRecords_Result(res:ResultEvent) {
  58.     trace(res.result);
  59.     var dialog_obj:Object = Alert.show("Sucess", "Sucess!!!", Alert.OK, null, update_Dg);
  60. }
  61. function delRecords_Fault(fault:FaultEvent) {
  62.     trace(fault.fault.faultstring);
  63. }
  64. var label_nome = _root.createClassObject(mx.controls.Label, "label_nome", _root.getNextHighestDepth(), {_x:2, _y:5, text:"Nome:"});
  65. var campo_nome = _root.createClassObject(mx.controls.TextInput, "campo_nome", _root.getNextHighestDepth(), {_x:60, _y:5});
  66. var label_email = _root.createClassObject(mx.controls.Label, "label_email", _root.getNextHighestDepth(), {_x:2, _y:30, text:"Email:"});
  67. var campo_email = _root.createClassObject(mx.controls.TextInput, "campo_email", _root.getNextHighestDepth(), {_x:60, _y:30});
  68. var label_tel = _root.createClassObject(mx.controls.Label, "label_tel", _root.getNextHighestDepth(), {_x:2, _y:55, text:"Telefone:"});
  69. var campo_tel = _root.createClassObject(mx.controls.TextInput, "campo_tel", _root.getNextHighestDepth(), {_x:60, _y:55});
  70. var bot_inserir:Button = _root.createClassObject(mx.controls.Button, "bot_inseir", _root.getNextHighestDepth(), {_x:2, _y:100, label:"Inserir Registros"});
  71. var bot_update:Button = _root.createClassObject(mx.controls.Button, "bot_update", _root.getNextHighestDepth(), {_x:2, _y:130, label:"Atualizar Registro"});
  72. var bot_excluir:Button = _root.createClassObject(mx.controls.Button, "bot_excluir", _root.getNextHighestDepth(), {_x:2, _y:160, label:"Excluir Registro"});
  73. bot_inserir.onRelease = function() {
  74.     var pcs:PendingCall = conexao.setRecords(campo_nome.text, campo_email.text, campo_tel.text);
  75.     pcs.responder = new RelayResponder(_root, "setRecords_Result", "setRecords_Fault");
  76. };
  77. function update_Dg():Void {
  78.     var pcs:PendingCall = conexao.get_user();
  79.     pcs.responder = new RelayResponder(_root, "user_Result", "user_Fault");
  80. }

view application

AMFPHP
http://www.amfphp.org/

Flash Remoting
http://www.macromedia.com/devnet/flashremoting/

]]> http://www.leonardofranca.com/index.php/2005/12/13/inserting-editing-and-excluding-registers-in-the-database-using-amfphp/feed/ 0 Populating a Datagrid using AMFPHP http://www.leonardofranca.com/index.php/2005/11/26/populating-a-datagrid-using-amfphp/ http://www.leonardofranca.com/index.php/2005/11/26/populating-a-datagrid-using-amfphp/#comments Sat, 26 Nov 2005 18:48:26 +0000 Leonardo França http://www.leonardofranca.com.br/?p=101&language=en Continue reading →]]> In the Internet we have some examples about using AMFPHP to create RIA applications. In this article we are going to create a RIA application more elaborated than a “Hello World�?, and you can use it in you real world application.

You need knowledge about PHP, MySQL, Flash and Flash Remoting.

First, we create a simple database structure, only with name, e-mail and telephone number. Let’s create the table and insert some data:

PLAIN TEXT
SQL:
  1. ##create the user table
  2.     CREATE TABLE `users` (
  3.     `id` int(4) UNSIGNED NOT NULL AUTO_INCREMENT,
  4.     `name` char(80) DEFAULT NULL,
  5.     `email` char(100) DEFAULT NULL,
  6.     `telephone` char(10) DEFAULT NULL,
  7.     PRIMARY KEY (`id`)
  8.     ) ENGINE=MyISAM ;
  9.     ##insert some data in the database
  10.     INSERT INTO `users` VALUES ('’,'John’,'john@example.org’,'1234567′);
  11.     INSERT INTO `users` VALUES ('’,'Henry’,'henry@example.org’,'2234567′);
  12.     INSERT INTO `users` VALUES ('’,'Carl’,'carl@example.org’,'3234567′);
  13.     INSERT INTO `users` VALUES ('’,'Leo’,'leo@example.org’,'4234567′);
  14.     INSERT INTO `users` VALUES ('’,'Wendel’,'wendel@example.org’,'5234567′);

We have our user table in the database, now we create a AMFPHP class that connect with our database and return data for Flash.

PLAIN TEXT
PHP:
  1. <?php
  2.      class query{
  3.           var $host = "localhost";
  4.           var $user = 'root';
  5.           var $database = 'seubanco';
  6.           var $pass = 'suasenha';
  7.           function query(){
  8.               $this->methodTable = array(
  9.               "get_user"=>array(
  10.               "description"=>"populando nosso datagrid",
  11.               "access"=>"remote"
  12.               )
  13.               );
  14.               $this->conexao = mysql_pconnect($this->host,$this->user,$this->pass);
  15.               mysql_select_db($this->database);
  16.           }
  17.        
  18.           function get_user(){
  19.               $query = mysql_query("SELECT * FROM users");
  20.               if (!mysql_error()) {
  21.                   return $query;
  22.               }else {
  23.                   return mysql_error();
  24.               }
  25.           }
  26.   }
  27. ?>

At this point, all right, now let’s go create the Flash. Open a new document, we use only one layer and one frame for importing all necessary classes from Flash Remoting.

PLAIN TEXT
Actionscript:
  1. //classes do Flash Remoting
  2. import mx.remoting.Service;
  3. import mx.services.Log;
  4. import mx.rpc.RelayResponder;
  5. import mx.rpc.FaultEvent;
  6. import mx.remoting.DataGlue;
  7. import mx.rpc.ResultEvent;
  8. import mx.remoting.PendingCall;
  9. import mx.remoting.RecordSet;
  10. // creating a connection with Flash Remoting to AMFPHP.
  11. // Add in the address of you PHP Server, with the class:
  12. var conexao = new Service("http://localhost//flashservices/gateway.php", new Log(), "query", null, null);
  13. // Calling the method get_user()
  14. var pcs:PendingCall = conexao.get_user();
  15. pcs.responder = new RelayResponder(this, "user_Result", "user_Fault");
  16. function user_Result(res:ResultEvent) {
  17.     var grid = _root.createClassObject(mx.controls.DataGrid, "dg", _root.getNextHighestDepth(), {_x:20, _y:20});
  18.     grid.setSize(400, 350);
  19.     grid.dataProvider = res.result;
  20. }
  21. function user_Fault(fault:FaultEvent) {
  22.     trace(fault.fault.faultstring);
  23. }

All finished, you may asking, and the DataGrid? Where is? They must be in the movie or not? The answer is No. Because she will be created dynamically by the following line:

PLAIN TEXT
Actionscript:
  1. var grid = _root.createClassObject(mx.controls.DataGrid, "dg", _root.getNextHighestDepth(), {_x:20, _y:20});

The DataGrid will be created with instance name “dg�? and in the position x=20 and y=20. So, in the next step is determinated the DataGrid size with setSize().

The only one requisite is that the DataGrid must be in the movie library. “One moment, but if I want to show only some fields in the DataGrid?�? You can use two method for this, the first is using action script (hard method) and second is using the following method on AMFPHP class:

PLAIN TEXT
PHP:
  1. $query = mysql_query("SELECT name,email FROM users");

In the next articles we show you how to implement a application to insert, edit and delete data in you database, and how to configure you layout and headers of the DataGrid.

References:

AMFPHP
http://www.amfphp.org/

Macromedia Flash Remoting
http://www.macromedia.com/devnet/flashremoting/

Translated by:
wendel - http://www.wendelmaques.com.br

]]> http://www.leonardofranca.com/index.php/2005/11/26/populating-a-datagrid-using-amfphp/feed/ 0