República I.T. » php http://www.republicait.com Progamación, Tecnología y mucho más... Thu, 20 May 2010 20:22:11 +0000 en hourly 1 http://wordpress.org/?v=3.0 Captura de pantalla de una WEB utilizando WordPress http://www.republicait.com/2009/09/22/captura-pantalla-web-wordpress/ http://www.republicait.com/2009/09/22/captura-pantalla-web-wordpress/#comments Tue, 22 Sep 2009 14:45:45 +0000 dcamargo.n http://www.republicait.com/?p=286 En este artículo veremos como tomar el screenshot de página WEB utilizando el servicio de toma de pantallas de WordPress.

La URL donde se encuentra este servicio es:

http://s.wordpress.com/mshots/v1/

El formato para indicar cual es la página WEB de donde capturar la pantalla es:

http://s.wordpress.com/mshots/v1/{DIRECCION_URL}?w={WIDTH}

Donde {DIRECCION_URL} es la dirección URL codificada y {WIDTH} representa el tamaño de la imagen que deseamos generar, asi por ejemplo, si deseamos tomar un screenshot de Google cuyo tamaño sea de 500px el formato seria:

http://s.wordpress.com/mshots/v1/http%3A%2F%2Fgoogle.com%2F?w=500

Este servicio lo podemos integrar desde nuestro propio sitio WEB mediante un script PHP el cual reciba como parametros la URL y el tamaño de la imagen.

Ejemplo:

<?php
//Direccion URL del servicio de wordpress
define('SERVICE_URL','http://s.wordpress.com/mshots/v1/');

/**
* Funcion para tomar screenshots utilizando el servicio de wordpress
* @param string $url
* @param int $width
* @return string
*/
function takeScreenshot($url,$width)
{
    $url = urlencode($url);
    $request = SERVICE_URL."{$url}?w={$width}";
    return $request;
}
?>
<html>
<head>
    <title>Captura de Pantalla de una WEB</title>
</head>
<body>
    <img src="<?php echo takeScreenshot('http://www.google.com',500); ?>" />
</body>
</html>
Términos de búsqueda]]> http://www.republicait.com/2009/09/22/captura-pantalla-web-wordpress/feed/ 7 PHING http://www.republicait.com/2009/02/24/phing/ http://www.republicait.com/2009/02/24/phing/#comments Wed, 25 Feb 2009 01:07:26 +0000 dcamargo.n http://www.republicait.com/?p=171
phing logo

Introducción

PHING (PHing Is Not GNU make), es una herramienta basada en el constructor (builder) de aplicaciones Java, Apache Ant, con la diferencia de que PHING es para construir aplicaciones escritas en PHP.

La estructura de la aplicación se describe en un archivo XML llamado build.xml, en este archivo podemos encontrar el nombre de la aplicación a construir, una descripción de la misma, la carpeta donde se encuentra nuestro código fuente, la carpeta de destino que contendrá la última versión de la aplicación y las tareas (tasks) que este debe ejecutar.

Esta herramienta es muy útil, por lo general, cuando se tiene una ruta  específica de un conjunto de librerías de utilidades que pueden formar parte de cualquier aplicación. Se puede hacer referencia a esta ruta desde su IDE de PHP, pero luego, tenie que asegurarse de copiarla cuando ya tiene su producto final.

También cuando se trabaja con diferentes configuraciones, ya sea el servidor de desarrollo o el de producción debe asegurarse de copiar y/o subir la configuración correcta, esto sin tomar en cuenta que la PC del programador pueda tener otra configuración. Este problema se resuelve con PHING, ya que a la hora de construir la aplicación solo basta con decirle que configuración debe cargar.

Enlace de descarga: http://phing.info/trac/wiki/Users/Download

Instalación y Documentación: http://phing.info/docs/guide/current/

Ejemplo del archivo build.xml

<?xml version="1.0" encoding="UTF-8"?>
<project
	name="Proyecto de prueba"
	default="stage"
	basedir="."
	description="Archivo Build del Proyecto de Prueba">

	<!--  Ruta que contendra la aplicacion web final -->
	<property name="build.dir" value="../build" />

	<!-- Ruta de los archivos fuentes -->
	<property name="src.dir" value="./app" />

	<!--
	PHP COMMONS LIBS - PCL
	Configuracion de la libreria de utilidades comunes

	pcl.src.dir:
	Es la ruta donde se encuentra los archivos fuente de PCL

	pcl.out.dir:
	Es la ruta donde se copiara las utiliades dentro de la aplicacion
	-->
	<property name="pcl.src.dir" value="../PCL" />
	<property name="pcl.out.dir" value="${build.dir}/libs/PCL" />

	<!-- Incluye los archivos fuente de la aplicacion -->
	<fileset dir="${src.dir}" id="srcfiles">
		<include name="**" />
	</fileset>

	<!--
	- Incluye los archivos del proyecto PCL
	- Excluye archivos de Zend Studio for Eclipse (ZSE) - opcional
	-->
	<fileset dir="${pcl.src.dir}" id="pclfiles">
		<include name="**" />
		<exclude name=".cache/**" />
		<exclude name=".settings/**" />
		<exclude name=".project" />
	</fileset>

	<!-- Prepara el directorio de destino -->
	<target
		name="init"
		description="Preparando el directorio destino ==> ${build.dir}">

		<echo message="Preparando el directorio ${build.dir}" />
		<delete dir="${build.dir}" failonerror="true" />
		<mkdir dir="${build.dir}" />
		<mkdir dir="${build.dir}/libs"/>
		<!--
		Crea el directorio de destino de PCL
		-->
		<mkdir dir="${pcl.out.dir}" />
	</target>

	<!-- Construye la aplicacion WEB PHP -->
	<target
		name="build"
		depends="init"
		description="Construye la aplicacion WEB">

		<!--
		Copia los archivos fuentes de la aplicacion
		-->
		<echo message="Copiando archivos desde ${src.dir}" />
		<copy todir="${build.dir}">
			<fileset refid="srcfiles" />
		</copy>

		<!--
		Copia los archivos de configuracion de la aplicacion
		-->
		<echo message="Copiando configuracion desde ${config.dir}" />
		<copy todir="${build.dir}">
			<fileset dir="${config.dir}">
				<include name="**" />
			</fileset>
		</copy>

		<!--
		Copia los archivos de PCL dentro de la carpeta de destino
		-->
		<echo message="Copiando archivos PCL desde ${pcl.src.dir}" />
		<copy todir="${pcl.out.dir}">
			<fileset refid="pclfiles" />
		</copy>
	</target>

	<!-- Carga la configuracion del servidor de desarrollo de la aplicación -->
	<target
		name="stage"
		description="Construir con la configuracion de desarrollo">

		<!--
		Llamado a build con la configuracion de desarrollo
		-->
		<phingcall target="build">
			<property name="config.dir" value="./config/stage" />
		</phingcall>

		<echo message="-----------------------------------" />
		<echo message="  APLICACION CONSTRUIDA CON EXITO  " />
		<echo message="CONFIGURACION DE DESARROLLO CARGADA" />
		<echo message="-----------------------------------" />
	</target>

	<!-- Carga la configuración del servidor de produccion de la aplicacion -->
	<target
		name="production"
		description="Construir con la configuracion de produccion">

		<!--
		Llamado a phing con la configuracion de produccion
		-->
		<phingcall target="build">
			<property name="config.dir" value="./config/production" />
		</phingcall>

		<echo message="-----------------------------------" />
		<echo message="  APLICACION CONSTRUIDA CON EXITO  " />
		<echo message="CONFIGURACION DE PRODUCCION CARGADA" />
		<echo message="-----------------------------------" />
	</target>
</project>

Para construir la aplicación con este archivo, nos vamos por linea de comandos hasta la ruta donde se encuentra nuestro proyecto y ejecutamos:

Carga la configuración stage por defecto

{RUTA_DEL_PROYECTO}> phing

Carga la configuración de produccion

{RUTA_DEL_PROYECTO}> phing production

Integracion del PHING con ZSE

Podemos crear un proyecto en el ZSE que contenga nuestro archivo build.xml y ejecutar el PHING desde el ZSE para construir nuestro proyecto.

Para esto nos vamos al menú Project -> Properties -> Builders -> New... -> Program -> OK

Name: Phing

Location: {RUTA_DE_INSTALACIÓN_DEL_PHING}

Working Directory: {RUTA_DEL_PROYECTO}

Arguments: Aqui se puede colocar que configuración se desea cargar, por defecto toma stage (desarrollo)

phing and zse
Términos de búsqueda]]> http://www.republicait.com/2009/02/24/phing/feed/ 0 Configurando un ambiente de desarrollo – Parte III http://www.republicait.com/2009/01/01/configurando-un-ambiente-de-desarrollo-parte-3/ http://www.republicait.com/2009/01/01/configurando-un-ambiente-de-desarrollo-parte-3/#comments Thu, 01 Jan 2009 13:36:22 +0000 dcamargo.n http://www.republicait.com/?p=70 Introducción

En esta sección veremos como configurar el ZSE con Zend Debugger.

ZSE y Zend Debugger

El siguiente paso es configurar el ZSE con el Zend Debugger, por defecto, el ZSE ya viene con los valores predeterminados del Zend Debugger, lo que haremos es verificar esos datos, para esto nos vamos al menu Window -> Preferences, luego navegamos en el arbol hasta el nodo PHP -> Debug -> Installed Debuggers, damos click en Zend Debugger y presionamos el boton Configure para ver sus parametros.

Zend Studio for Eclipse - Zend Debugger Preferences

Zend Studio for Eclipse - Zend Debugger Preferences

Dejamos estos valores por defecto.

El archivo dummy.php es el que establece la conexión con el debugger el cual debemos crear bajo la ruta C:\xampp\htdocs\local.testapp.com con las siguientes líneas de codigo:

<?php
@ini_set('zend_monitor.enable', 0);
if(@function_exists('output_cache_disable')) {
    @output_cache_disable();
}
if(isset($_GET['debugger_connect']) && $_GET['debugger_connect'] == 1) {
    if(function_exists('debugger_connect'))  {
        debugger_connect();
        exit();
    } else {
        echo "No connector is installed.";
    }
}
?>

Ahora vamos crear nuestro archivo testdebug.php, para esto damos click derecho sobre la carpeta testapp [trunk] y nos vamos al menu New -> PHP File, en File Name colocamos testdebug.php y damos click en Finish, hacemos doble click sobre el archivo creado y agregamos las siguientes líneas de codigo:

<?php
$str = 'Debugger test';
$pattern = '^Deb.*$';
$match = ereg($pattern,$str);
if($match)
{
    echo 'Match';
}
else
{
    echo 'Doesn\'t Match';
}
?>

Ahora procedemos a crear una configuration para depurar nuestro archivo, para esto nos vamos al menu Run -> Debug Configurations... y damos doble click sobre PHP Web Page, como nombre colocamos TESTAPP-DEBUG-CONFIG; creamos un nuevo servidor PHP que apunte a nuestro host virtual, damos click en el boton New, como nombre colocamos TESTAPP-LOCAL-SERVER y en la URL colocamos http://local.testapp.com y damos click en Finish

Zend Studio for Eclipse - Debug Configuration

Zend Studio for Eclipse - Debug Configuration

Damos click en Test Debugger y debemos obtener el mensaje de confirmación

Zend Studio for Eclipse - Debugger Success

Zend Studio for Eclipse - Debugger Success

El siguiente paso es especificar el archivo a depurar, para esto hacemos click en Browse y seleccionamos testapp -> testdebug.php, le quitamos el check a Break at First Line, damos click en Apply y luego en Close.

Zend Studio for Eclipse - Debugger Configuration Preview

Zend Studio for Eclipse - Debugger Configuration Preview

Ahora creamos un break point en nuestro archivo, para esto hacemos doble click sobre cualquier número de línea a la izquierda del código, el break point se debe marcar con un círculo azul. Para iniciar la depuración nos vamos a nuestro ícono del debug y seleccionamos la configuración TESTAPP-DEBUG-CONFIG

Zend Studio for Eclipse - Starting the debugger

Zend Studio for Eclipse - Starting the debugger

Al darle click a nuestra configuración, se nos preguntará si deseamos abrir la perspectiva del debugger y le damos Yes, con esto se abre la perspectiva del debugger y estamos listos para depurar nuestro archivo. En esta perspectiva se puede ver diferentes aspectos de nuestro archivo, como por ejemplo valores que toman las variables en tiempo de ejecución hasta el break point, los procesos que se estan ejecutando, etc.

Zend Studio for Eclipse - Debugger Perspective

Zend Studio for Eclipse - Debugger Perspective

Ya que tenemos todo funcionando, es hora de agregar nuestro archivo al repositorio, para esto, damos click derecho sobre el archivo y nos vamos a Team -> Add to Version Control, inmediatemente veremos que nuestro archivo aparece ahora con un símbolo de más, una vez agregado, le damos un commit a nuestro archivo para que este disponible para los demas programadores, para esto damos click derecho sobre el archivo y nos vamos a Team -> Commit..., escribimos un comentario y damos OK, en caso tal el repositorio este restringido por cuentas de usuario, se les pedirá sus credenciales para hacer el Commit.

Zend Studio for Eclipse - SVN Commit

Zend Studio for Eclipse - SVN Commit

Para ver el historial de los cambios realizados, damos click derecho sobre el archivo y nos vamos al menu Team -> Show History

Zend Studio for Eclipse - SVN History

Zend Studio for Eclipse - SVN History

Términos de búsqueda]]> http://www.republicait.com/2009/01/01/configurando-un-ambiente-de-desarrollo-parte-3/feed/ 2 Configurando un ambiente de desarrollo – Parte I http://www.republicait.com/2008/12/30/configurando-un-ambiente-de-desarrollo-parte-1/ http://www.republicait.com/2008/12/30/configurando-un-ambiente-de-desarrollo-parte-1/#comments Tue, 30 Dec 2008 14:42:35 +0000 dcamargo.n http://www.republicait.com/?p=1 Introducción

En este artículo mencionare como configurar un ambiente de desarrollo de una aplicación WEB basada en php, apache y mysql utilizando las siguiente herramientas sobre una plataforma Windows:

  • XAMPP
  • Zend debugger
  • Zend Studio for Eclipse (ZSE)
  • Subclipse

Este artículo se divide en 3 partes:

  • Parte I: Configuración de xampp con el Zend Debugger y creando el host virtual de trabajo con Apache.
  • Parte II: Configuración del ZSE y Subclipse.
  • Parte III: Configuración del ZSE con el Zend Debugger y ejemplos.
  • Parte IV: Configuración del ZSE con MySQL.

Se asume que tiene conocimientos basicos acerca de:

  1. Programación WEB.
  2. Servidores Web
  3. Base de Datos
  4. Subversion

XAMPP

XAMPP es un paquete preconfigurado conformado por el servidor de base de datos MySQL, el servidor Web Apache  y los ejecutables o intérpretes de los lenguajes de script PHP y PERL. Este paquete lo puedes descargar siguiendo este enlace http://www.apachefriends.org/download.php?xampp-win32-1.7.0-installer.exe. Seguimos los pasos del instalador para tenerlo listo y configurado.

Nota: Los usuarios de Windows Vista, el paquete puede tener problemas con el UAC.

Una vez instalado escribimos en nuestro navegador http://localhost/xampp/phpinfo.php y nos debe aparecer una ventana con la información de la configuración de PHP:

PHP Info

PHP Info

Zend Debugger

Zend Debugger es un servidor que utilizaremos para depurar nuestras aplicaciones hechas con PHP. Se instala como una extensión de PHP. Dado que estamos bajo una plataforma Windows, debemos asegurarnos de escojer la version correcta del debugger, para nuestro caso, el archivo se llama (actualmente) ZendDebugger-{VERSION}-cygwin_nt-i386.zip. Puedes descargarlo siguiendo este enlace http://downloads.zend.com/pdt/server-debugger/. Una vez descargado lo descomprimimos en una carpeta temporal.

Nota: Antes de instalar el debugger debemos fijarnos en la versión de PHP que esta instalada y el valor de la configuración Thread Safety. Esto valores se pueden verificar entrando a nuestra página http://localhost/xampp/phpinfo.php

Una vez con los archivos descomprimidos, entramos a la carpeta  con el nombre de la versión de PHP instalado con el postfijo _comp, en caso tal el valor de Thread Safety, sea Disabled, debemos escojer la carpeta {PHP_VERSION}_nts_comp

Zend Debugger Folders

Zend Debugger Folders

Dentro de la carpeta correcta, copiamos el archivo ZendDebugger.dll a la carpeta de extensiones de PHP, este valor lo podemos encontrar en el phpinfo, la propiedad extension_dir.

El siguiente paso es configurar nuestro archivo php.ini, para saber donde se encuentra este archivo, nos fijamos en el valor de la propiedad Loaded Configuration File de nuestro phpinfo, usualmente está ubicado en la ruta {XAMPP_INSTALLED_DIR}/apache/bin (ejemplo: C:\xampp\apache\bin). Lo primero es deshabilitar las siguientes líneas:

[Zend]
;zend_extension_ts = "C:\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
;zend_extension_manager.optimizer_ts = "C:\xampp\php\zendOptimizer\lib\Optimizer"
;zend_optimizer.enable_loader = 0
;zend_optimizer.optimization_level=15
;zend_optimizer.license_path =
; Local Variables:
; tab-width: 4
; End:

Luego agregamos las siguientes líneas para habilitar la extension con el debugger:

zend_extension_ts = "C:\xampp\php\ext\ZendDebugger.dll"
zend_debugger.allow_hosts=127.0.0.1
zend_debugger.expose_remotely=always

Lo cual nos daría como resultado la siguiente configuración:

[Zend]
zend_extension_ts = "C:\xampp\php\ext\ZendDebugger.dll"
zend_debugger.allow_hosts=127.0.0.1
zend_debugger.expose_remotely=always
;zend_extension_ts = "C:\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
;zend_extension_manager.optimizer_ts = "C:\xampp\php\zendOptimizer\lib\Optimizer"
;zend_optimizer.enable_loader = 0
;zend_optimizer.optimization_level=15
;zend_optimizer.license_path =
; Local Variables:
; tab-width: 4
; End:

Guardamos los cambios y reiniciamos el servidor apache.

Nota: No sobreescribo el valor de la propiedad zend_extension_ts para tener un respaldo de su valor inicial

Nota: En caso tal el valor de Thread Safety sea Disabled, la propiedad a cambiar debería ser zend_extension, el postfijo _ts es un acronímo de Thread Safety.

Una vez reiniciado el servidor apache, verificamos en nuestro phpinfo si la extension ha sido cargada con exito, para esto nos fijamos en la información del Zend Engine

Zend Debugger enabled in the Zend Engine

Zend Debugger enabled in the Zend Engine

La otra opción es buscar la sección de configuración del Zend Debugger:

Zend Debugger configuration section

Zend Debugger configuration section

Host Virtuales con Apache

El término host virtual se emplea cuando un mismo servidor Web puede servir mas de un solo host, pareciendo multiples dominios. Así por ejemplo, local.testsvn.com y local.zendtest.com pueden parecer diferentes dominios pero residen bajo el mismo servidor.

Para nuestro ejemplo, crearemos un host virtual que contendrá los archivos  de nuestra aplicación Web, lo creamos bajo la ruta {XAMPP_INSTALLED_DIR}/htdocs/local.testapp.com.

El contenido del archivo {XAMPP_INSTALLED_DIR}/apache/conf/extra/httpd-vhosts.conf debe verse algo como

#
# Use name-based virtual hosting.
#
NameVirtualHost *:80

#
# VirtualHost example:
# Almost any Apache directive may go into a VirtualHost container.
# The first VirtualHost section is used for all requests that do not
# match a ServerName or ServerAlias in any <VirtualHost> block.
#
<VirtualHost *:80>
ServerAdmin admin@localhost
DocumentRoot C:\xampp\htdocs
ServerName localhost
##    ServerAlias www.dummy-host.example.com
ErrorLog logs/error.log
CustomLog logs/access.log common
</VirtualHost>

<VirtualHost *:80>
ServerAdmin admin@local.testapp.com
DocumentRoot C:\xampp\htdocs\local.testapp.com
ServerName local.testapp.com
#ErrorLog logs/dummy-host2.example.com-error_log
#CustomLog logs/dummy-host2.example.com-access_log common
</VirtualHost>

Hay que agregar el nombre de nuestro host virtual en el archivo hosts de Windows ubicado en %WINDIR%\System32\drivers\etc, el cual quedaria algo como:

#
# For example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host

127.0.0.1       localhost
127.0.0.1       local.testapp.com

Una vez configurados ambos archivos, reiniciamos nuestro servidor Apache y escribimos en el navegador http://local.testapp.com/ y si todo esta bien, nos debe cargar la lista de directorios por default.

Nota: No se recomienda colocar host virtuales dentro del DOCUMENT_ROOT del servidor

Para más información acerca de hosts virtuales con Apache, puede dirigirse a este enlace http://httpd.apache.org/docs/1.3/vhosts/

Términos de búsqueda]]> http://www.republicait.com/2008/12/30/configurando-un-ambiente-de-desarrollo-parte-1/feed/ 0