Jorge Albaladejo » XML http://jorgealbaladejo.com Hard & Soft design... Sat, 10 Dec 2011 16:23:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 ActionScript 3 and cross-domain problem http://jorgealbaladejo.com/2010/09/06/actionscript-and-cross-domain-problem/ http://jorgealbaladejo.com/2010/09/06/actionscript-and-cross-domain-problem/#comments Mon, 06 Sep 2010 19:37:27 +0000 Jorge Albaladejo http://jorgealbaladejo.com/?p=664 One of the most typical problems when coding AS3 to, let’s say, read data from an external XML source, is the cross-domain problem. According to security policies, not an url outside the domain where the AS application is being executed can be read, and different subdomains (such as www.yourdomain.com and yourdomain.com) are considered as different ones.

If the external resources you are trying to use come from your own application in another domain / server that you manage, then it can be fixed by adding a cross-domain policy file. This file must be defined on the content source server, and your AS application has to explicitly declare this server as allowed.

?View Code ACTIONSCRIPT
Security.allowDomain("domainone.com");
Security.allowDomain("domaintwo.com");

 

But if this is not the case and the content source is on a different remote server like, for instance, when implementing an RSS news reader which grabs content from sources like online news sites, then this problem can be worked out with a PHP proxy file.

?View Code PHP
$url = $_GET['url'];
readfile($url);

 

Since PHP is not affected by this policy, all the RSS feeds would be read through this small script, by calling it like ‘proxy.php?url=http://rss.thedomain.com’. Being this file exactly on the same domain than the AS application, the cross-domain problem is solved.

However, I have also found an odd behavior regarding this proxy PHP file: it works perfectly when opening the SWF compiled application directly on the browser (http://yourdomain.com/app.swf), but not when it is loaded as a part of the HTML code (embedded into an HTML page like http://yourdomain.com/app.html). The SWF application just doesn’t find the file (but it is there!), despite it reads without any problem a test text file on the same folder. So it seems as if the question mark ‘?’ changed the way the SWF application looks for files or executes url addresses. I don’t have a reason for this yet, but I guess that it is related to the way the Flash plugin manages the security, by using different sandboxes for direct and embedded executions of the application.

The solution for this second collateral problem is passing the domain name as a parameter, so that the full path to the proxy file can be constructed inside the AS application.

?View Code HTML4STRICT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<html>
	<head>
		<style type="text/css">
			...
		</style>
		<script type="text/javascript">
			...
		</script>
	</head>
	<body>
		<div id="flash">
			<? $basepath = getBasePath() ?>
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/" width="960" height="610">
		    	<param name="allowScriptAccess" value="always" />
		    	<param name="movie" value="main.swf?basepath=<?=$basepath?>" />
		    	<param name="quality" value="high" />
		    	<param name="bgcolor" value="#ffffff" />
				<param name="basepath" value="<?=$basepath?>" />
				<embed src="main.swf?basepath=<?=$basepath?>" 
				    quality=high bgcolor=#FFFFFF width="960" height="610" name="main"
				    type="application/x-shockwave-flash" 
				    pluginspace="http://www.macromedia.com/go/getflashplayer">
				</embed>
			</object>
		</div>
	</body>
</html>
?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
function getBasePath()
{
	$path = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
	$aPath = split('/',$path);
	if ( eregi ( '\.php', $aPath[sizeof($aPath)-1] ) )
	{
		$aPath[sizeof($aPath)-1] = '';
	}
	$path = join('/',$aPath);
	return $path;
}
?>

 

?View Code ACTIONSCRIPT
var proxyPath:String = this.loaderInfo.parameters.basepath + 'proxy.php'; // proxy for cross-domain problems

 

In any case, these problems only arise in online mode, I have not had any issue while working from my development suite, so it is when moving to a production environment when the pain in the ass can show out. Finally, this is nothing new, but handy and interesting not to forget.

]]> http://jorgealbaladejo.com/2010/09/06/actionscript-and-cross-domain-problem/feed/ 0 Loading data in Flash from an external XML http://jorgealbaladejo.com/2007/05/28/cargar-datos-en-flash-desde-un-xml-externo/ http://jorgealbaladejo.com/2007/05/28/cargar-datos-en-flash-desde-un-xml-externo/#comments Mon, 28 May 2007 11:55:55 +0000 Jorge Albaladejo http://labs.abc-webs.net/2007/05/28/cargar-datos-en-flash-desde-un-xml-externo/

Notice: Article only available in Spanish!

Cuando trabajamos con aplicaciones en flash y queremos que conecten con bases de datos para mostrar catálogos de productos, noticias, etc., la mejor forma de hacerlo es mediante el paso de mensajes en formato XML. Leemos de servicios web correctamente formateados en XML, y después mostraremos los datos según nos convenga en la aplicación flash.

Partimos de un archivo XML correctamente formateado, bien estático y alojado en cualquier carpeta del servidor, bien una url a una pasarela php que previamente lea los datos de una base de datos y después los muestre en XML. Vamos a necesitar tres cosas: un objeto LoadVars, un objeto XML y conocer la estructura de los nodos XMLpara poderlos recorrer correctamente.

LoadVars se usará para enviar una petición http a la url de la pasarela, y XML para recoger los datos que devolverá la petición LoadVars. En nuestro caso, partiendo de la estructura XML mencionada en la publicación arriba enlazada, recorreremos cada nodo (childnode), rescatando sus atributos id, name y special_powers.

El código quedará tal que así­:

?View Code ACTIONSCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

/* script to manage data in flash, retrieved from a XML backend
 * @author Jorge Albaladejo Pomares [correo@jorgealbaladejo.com]
 * @license Creative Commons License http://creativecommons.org/licenses/by-sa/3.0/
 */
 
// variables
loadvars = new LoadVars();
readvars = new XML();
urlxml = "http://localhost/test.php"
 
// define data matrixes
readvars.ignoreWhite = true;
ids = Array();
names = Array();
special_powers = Array();
 
// execute request and stop main movie execution
loadvars.sendAndLoad(urlxml, readvars, "GET");
_root.stop();
//
 
//method to be called once data are loaded
readvars.onLoad = function(success) 
{
  trace ("read correctly");
  if (success) 
  {
    long = readvars.firstChild.childNodes.length;
    trace(long);
 
    //Fill array with attributes from each node
    for (i=0; i&lt;long; i++)
    {
      ids[i] = readvars.firstChild.childNodes[i].attributes.id;
      names[i] = readvars.firstChild.childNodes[i].attributes.name;
      special_powers[i] = readvars.firstChild.childNodes[i].attributes.special_powers;
      trace(ids[i] + ' : ' + names[i] + ', ' + special_powers[i]); //debug
    }
  } 
  else 
  {
    trace("Could not load XML with data!");
  }
}; //onload end of method
]]> http://jorgealbaladejo.com/2007/05/28/cargar-datos-en-flash-desde-un-xml-externo/feed/ 0 Formatting data in XML with PHP http://jorgealbaladejo.com/2007/05/26/formateado-de-datos-en-xml/ http://jorgealbaladejo.com/2007/05/26/formateado-de-datos-en-xml/#comments Sat, 26 May 2007 21:32:30 +0000 Jorge Albaladejo http://labs.abc-webs.net/2007/05/26/formateado-de-datos-en-xml/

Notice: Article only available in Spanish!

Ahora que ya he explicado cómo crear una clase en php para leer datos de una base de datos, y que también conocemos las bases del lenguaje XML, vamos a crear una clase para formatear estos datos en XML. De este modo, podremos compartir datos entre distintos tipos de aplicaciones, sin necesidad de tener acceso al servidor de bases de datos más que en una de ellas: la pasarela de datos.

Una vez formateamos en correcto XML, podemos ofrecer un documento como XML puro para aplicaciones externas que quieran utilizar nuestros datos, o un RSS estándar para que nuestros visitantes sincronicen las noticias del sitio; podemos también ofrecer un servicio SOAP para aplicaciones que no sólo precisen nuestros datos sino también funciones y servicios avanzados; o podemos simplemente adjuntar una hoja de estilos xls y mostrar nuestro documento en un navegador, como lo haríamos con xhtml y css. Bastante útil, ¿no?

Vamos allá: para la clase necesitaremos algunas propiedades que permitan almacenar el contenido, así­ como un constructor, un método para cargar datos (en arrays multidimensionales), y otro método para recuperarlos (como arrays). También necesitaremos un método toString(), o toXML más propiamente hablando para formatear directamente los datos a XML. Comencemos con el prototipo de la clase:

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

class xml 
{
  //
  var $content;
  var $xml_version;
  var $xml_encoding;
  var $data_label;
  var $item_label;
  //
 
  /** 
   * constructor; loads some default values
   */
  public function xml() {}
 
  /** 
   * Gets data to show in a two dimmensional array and stores it internally
   */
  function setContent($data = NULL) {}
 
  /** 
   * Returns content from a matrix
   * @return the content
   */
  function getContent() {}
 
  /** 
   * Shows as a text string values in XML format
   * @return XML formatted data
   */
  function toString() {}
 
  /** 
   * Returns XML header
   * @return XML header
   */
  function header(){}
 
}

Para la matriz de datos, esperamos un array asociativo, donde cada elemento $content[] tenga el valor asociado al índice, correspondiente al nombre del campo de la tabla. Por ejemplo, en nuestra tabla ‘superheroes’ con los campos ‘id’, ‘name’, ‘special_powers’, la matriz que la clase espera obtener es del tipo:

?View Code PHP
1
2
3
4
5
6
7

$content[0]['id']             = "101";
$content[0]['name']            = "spider man";
$content[0]['special_powers'] = "crawling in the walls";
$content[1]['id']             = "102";
$content[1]['name']           = "mosquito man";
$content[1]['special_powers'] = "run away from spider man";
....

y el formato XMLque esperamos de salida es

?View Code XML
1
2
3
4
5

<data>
  <item id="101" name="spider man" special_powers="crawling in the walls"></item>
  <item id="102" name="mosquito man" special_powers="run away from spider man"></item>
   ...
</data>

podemos elegir varios formatos para el XMLde salida, en concreto usaremos el anterior, sin embargo podríamos haber utilizado un formato anidado del tipo

?View Code XML
1
2
3
4
5
6
7
8
9
10
11
12

<data>
  <item>
    <id>101</id>
    <name>spider man</name>
    <special_powers>crawling in the walls</special_powers>
  </item>
  <item>
    <id>102</id>
    <name>mosquito man</name>
    <special_powers>run away from spider man</special_powers>
  </item>
</data>

Elijo el primer formato por sencillez, y porque siendo yo quien voy a leer de él en otras aplicaciones, no tengo que preocuparme por la compatibilidad. Si vamos a integrar nuestra pasarela XML con otros servicios o aplicaciones web, quizá nos interese saber primero qué formato espera encontrar dicha aplicación para ofrecerle datos que le resulten legibles.

Por otra parte, si se usa la clase dbhandler para proporcionar los datos en arrays a esta clase, debe modificarse la función readTable para que quede así­

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

/**
 * retrieves data from the selected fields of a certain table
 * @param table to read from
 * @param fields to be retrieved
 */
function readTable($table,$fields)
{
  //variables
  $resultsArray = array();
 
  //fields
  $fieldsList = "";
  foreach($fields as $key=>$value)
  {
    $fieldsList .= $value . ",";
  }
 
  //remove last comma
  $fieldsList = substr($fieldsList,0,strlen($fieldsList)-1);
 
  //consulta
  $this->query = "SELECT " . $fieldsList . " FROM " . $table;
  $this->resultset = @mysql_query($this->query,$this->identifier);
  $this->results = @mysql_num_rows($this->resultset);
 
  if ( $this->results > 0)
  {
    $i = 0;
    while ($result = mysql_fetch_array($this->resultset))
    {
      foreach($fields as $key=>$index)
      {
        $resultsArray[$i][$index] = $result[$index] ; //return results in a matrix
        // each result has an index called as the column name in their table
      }
      $i++;
    }
  }
 
  return($resultsArray);
 
}

Sólo queda rellenar el prototipo con el contenido de las funciones:

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

/* 
 * class to format data as XML
 * @author Jorge Albaladejo Pomares [correo@jorgealbaladejo.com]
 * @license Creative Commons License http://creativecommons.org/licenses/by-sa/3.0/
 */
//
class xml 
{
  //
  var $content;
  var $xml_version;
  var $xml_encoding;
  var $data_label;
  var $item_label;
  //
 
  /** 
   * constructor; loads some default data
   */
  public function xml() 
  {
    $this->content       = array();
    $this->xml_version   = "1.0";
    $this->xml_encoding  = "ISO-8859-1";
    $this->data_label    = "datos";
    $this->item_label    = "item";
  }
 
  /** 
   * Gets data to show in a two dimmensional array
   * and stores it internally
   */
  function setContent($data = NULL) 
  {
    if ($data != NULL) 
    {
      $this->content = $data;
    }
  }
 
  /** 
   * Gets data to show in a two dimensional array
   * and stores it internally
   */
  function getContent() 
  {
    return ($this->content);
  }
 
  /** 
   * Shows as a text string values in XML format
   * @return XML formatted data
   */
  function toString() 
  {
    if ($this->content != NULL) 
    {
      $return  = "";
      $return .= $this->header();
      $return .= "<".$this->data_label.">\n";
 
      //for each element from the matrix, there is a nested matrix with data from mysql.
      foreach ($this->content as $result)
      {
        $return .= "\t<".$this->item_label;
        foreach( $result as $key => $value ) 
        {
          $return .= " " . $key . "=\"" . $value ."\"";
        }
        $return .= "/>\n";
      }
      $return .= "<!--".$this-->data_label.">";
    }
 
    return ($return);
  }
 
  /** 
   * Returns XML header
   * @return XML header
   */
  function header()
  {
    return ("xml_version."\" encoding=\"".$this->xml_encoding."\"?>\n");
  }

Y un script que utilice estas dos clases (dbhandler y xml) para mostrar datos de una base de datos nos quedaría tan sencillo como ésto:

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

/**
 * script connect to a database and read tables using XML
 * @author Jorge Albaladejo Pomares [correo@jorgealbaladejo.com]
 * @license Creative Commons License http://creativecommons.org/licenses/by-sa/3.0/
 */
 
//main classes
include('class.dbhandler.php');
include('class.xml.php');
 
//main script
$db     = new dbhandler('john_smith','h01y_GRail','pastafarian_food','localhost');
$fields   = array('id', 'name', 'special_powers');
$results = $db->readTable('superheroes',$fields);
 
//got data, show them as XML
$xml = new xml();
$xml->setContent($results);
header('Content-Type: text/xml');
echo $xml->toString();
$db->disconnect();
]]> http://jorgealbaladejo.com/2007/05/26/formateado-de-datos-en-xml/feed/ 2