MANEJO DE FORMULARIOS CON GET Y POST

Transcripción

1

2 MANEJO DE FORMULARIOS CON GET Y POST UN REPASO Tanto GET como POST son métodos de protocolo HTTP, el cual está compuesto por un envío al servidor conocido como petición y una respuesta a dicha solicitud. GET POST Se utiliza para enviar y recuperar información identificada en una URL. Se puede usar para pasar información al servidor: en forma de pares atributo-valor y añadiéndolos al final de la URL seguido de un símbolo de interrogación?. Cabe destacar que la longitud de la petición GET está limitada por el espacio libre en los buffer de entrada Sirve para enviar y recuperar información enviada de forma no visible en la URL. Se puede utilizar para pasar información al servidor: en forma de pares atributo-valor e incluidos en el cuerpo de la petición. A diferencia del método GET este no sufre de limitaciones de espacios a lo que puede enviar mucha más información al servidor Más adelante, en este taller, veremos de forma más detallada la diferencia entre estos dos métodos y como, y cuando, se deben utilizar. Para los siguientes ejemplos prácticos deberemos contar con los siguientes elementos: -IDE (Entorno de desarrollo integrado): Sublime, Eclipse, Notepad ++ o simplemente un Block de Notas -Debemos contar apache -Intérprete de php -Navegador (Chrome- Firefox) Existen paquetes en que se encuentra incluido todo el entorno (PHP APACHE) para poder trabajar, entre ellos, encontramos xampp o wampp en Windows y lampp o de forma individual en Linux. En este taller trabajaremos sobre los sistemas operativos Windows y Linux

3 MANOS A LA OBRA Lo primero que demos realizar es comprobar si tenemos nuestro servidor local instalado, colocando en la URL de nuestro navegador la siguiente dirección ó localhost. De no mostrarnos lo siguiente, deberemos realizar la instalación. Ahora, si nos muestra lo siguiente significa que ya estamos aptos para empezar a programar en PHP. (Saltar a Configuración de Seguridad)

4 INSTALACIÓN DE XAMPP EN WINDOWS Deberemos realizar la descarga desde la página oficial de nuestro entorno, XAMPP. Para ello nos tendremos que dirigir al siguiente link. En la página podremos optar por 2 versiones: -XAMPP (con PHP 5.4) que sirve para: Windows 2003, 2008, 2012, XP, Vista, 7, 8 -XAMPP (con PHP 5.5) que nos sirve para los siguientes Windows : 2008, 2012, Vista, 7, 8. (No soporta XP o 2003) En este caso yo utilizare XAMPP ya que cuento con una máquina virtual de Windows XP además de usar Sublime como IDE. INSTALANDO... Para la instalación, deberemos hacer doble click en el archivo descargado y seguir los siguientes pasos que prácticamente son: Next => Next

5 1. Comenzando la Instalación. 2. Seleccionamos los componentes a instalar, en este caso lo dejé por defecto. 3. Seleccionamos la carpeta en donde queremos que se instale. 4. Desmarcamos la casilla Leer más. 5. Nos informa que está por comenzar la instalación en nuestra pc. 6. Nos muestra el estado de la instalación. 7. Hacemos click en FINISH. Una vez que tenemos ya instalado nuestro entorno, tendremos que realizar algunas configuraciones para que funcione correctamente nuestro Apache y MySQL.

6 CONFIGURANDO SEGURIDAD XAMPP 1. Abrir el navegador y colocar en la URL o localhost. 2. Seleccionar el idioma de nuestra preferencia. 3. Click en chequeo de seguridad. 4. Click en el enlace para configurar nuestro usuario y contraseña. 5. Colocar una contraseña fácil de recordar, en mi caso coloqué Click en Pasword changing

7 CONFIGURANDO CONTROL DE PANEL 1. Tendremos que ir a Inicio = > Todos los programas => XAMPP => XAMPP Control Panel 2. Una vez seleccionado el Panel de Control de XAMPP, activaremos lo siguiente como se muestra en la imagen. 3. Una vez instalados tendremos que dar START.

8 4. Por ultimo tendremos que dirigirnos a: C:\xampp\htdocs Deberemos cambiar el nombre de los 2 archivos llamados index (index.php e index.html), debiendo quedar como se aprecia en la imagen. De esta manera ya tenemos instalado XAMPP en Windows y podremos comenzar a programar. INTALACIÓN DE APACHE, MYSQL, PHP Y PHPMyAdmin EN LINUX En este caso, a diferencia de Windows, lo instalaremos de otra manera e instalaremos uno por uno los módulos para poder empezar a programar INICIAMOS 1. Debemos instalar APACHE para eso realizaremos el siguiente código en una terminal. sudo apt-get install apache2 2. Instalaremos MySQL utilizando el código que dejare a continuación. sudo apt-get install mysql-server mysql-common mysql-client Nos aparecerá, la siguiente ventana, pidiéndonos una contraseña para ingresar a MySQL. Le damos aceptar, y nos aparece una ventana similar pidiendo confirmación de la contraseña introducida, recuerden que debe ser fácil de recordar para poder emplearlas más adelante.

9 Si desean probar si MySQL fue instalado satisfactoriamente, solo deberemos escribir la siguiente línea en nuestra terminal. mysql u root -p Y nos pedirá la contraseña, para después mostrarnos algo así: Para salir de MySQL : exit 3. Ahora debemos instalar el módulo de PHP: sudo apt-get install php5 libapache2-mod-php5 php5-mysql Una vez que el modulo se instaló correctamente deberemos ir a: Equipo/var/www/html Si intentamos crear una nueva carpeta o un nuevo archivo, veremos que no nos deja, para ello vamos a habilitar los permisos tipo Administrador que permitirá poder crear archivos para nuestros próximos proyectos. Para otorgar permisos debemos realizar lo siguiente: sudo chown nombre_de_tu_usuario:adm /var/www sudo chown nombre_de_tu_usuario:adm /var/www/html

10 Quedando así: Para verificar si se otorgaron los permisos correspondientes, lo revisaremos con el siguiente código: ls l /var/ ls l /var/www 4. Por último, instalaremos PHPmyAdmin. sudo apt-get install phpmyadmin Durante la instalación nos aparecerá la siguiente ventana -preguntando que servidor tenemos instalado- y colocaremos Apache y damos aceptar.

11 Luego, nos pedirá crear una base de datos y le decimos que SI. Siguiendo con la instalación nos pedirá que introducir la contraseña creada para MySQL. A continuación de haber colocado la misma pass de la base de datos, tendremos que colocar la misma para que no tengamos que crear otra y poder acordarnos fácil, en este caso será la usada en PHPmyAdmin. Y damos aceptar teniendo ya instalado todo lo necesario. 5. Por último, debemos mover la carpeta instalada de PHPmyAdmin (ya que se instala en otra carpeta) y para moverla a donde nosotros la necesitamos debemos realizar el siguiente comando. sudo ln s /usr/share/phpmyadmin /var/www/html 6. Lo único que nos queda es ingresar al navegador, colocar localhost o y empezar a programar

12 HORA DE EMPEZAR A CODEAR Una vez que ya tenemos instalado en cualquiera de los 2 S.O. empezaremos a programar, a partir de ahora el código que realizaremos es el mismo para ambos. 1. Tendremos que crear una carpeta con el nombre de TALLERPHP en nuestro servidor 2. Crearemos un formulario con nombre y apellido que serán enviado a otro archivo llamado recibir.php a través del método GET. Este formulario deberá ser guardado con el nombre formulario.html NOTAS: Los formularios se crean con la etiquete <form> para la apertura y </form> para el cierre. action: es el archivo encargado de recibir lo que se envía desde el formulario. method: es el método que debemos emplear para enviar ya sea GET o POST. input type= text : es una caja de texto. name: es el nombre de nuestro input que luego recogeremos en el registro.php input type= submit : es un botón, name: es el nombre del mismo y value: es el texto que aparece dentro de nuestro botón, en este caso Enviar.

13 3. Ahora crearemos el archivo recibir. NOTAS Un código php se debe encontrar entre las etiquetes <?php?> Una variable comienza con el signo $ seguido del nombre otorgado Un variable debe comenzar con una letra o un guion bajo Un nombre de variable NO PUEDE comenzar con un número Un nombre de variable solo puede contener caracteres y guiones bajos alfanuméricos(az, 0-9 _) Los nombres de variables distinguen entre mayúscula y minúsculas siendo $x y $X dos variables distintas. $_GET o $_POST son los métodos para recibir en php y se deben escribir SIEMPRE EN MAYÚSCULAS. echo: imprime un valor por pantalla. un punto concatena (une). 4. Veamos el resultado abriendo nuestro navegador e introduciendo la dirección del servidor y abrimos la carpeta del proyecto, haciendo click al archivo formulario.html

14 Tipeamos nuestro nombre y apellido y presionamos el botón Enviar y veremos los que recibimos del otro lado (recibir.php) Como vemos, hemos recibido los datos perfectamente, pero hay algo que remarcar, ya que los datos que se enviaron son visibles en la URL de la siguiente manera. Y muchas veces no es seguro ya que pueden ser modificados, veamos cómo cambio el nombre en la URL, para lo cual presionando F5 se cambiará. 5. Editaremos el formulario.html y recibir.php cambiando el método por POST, quedando ambos de la siguiente manera:

15 6. Iremos nuevamente a nuestro navegador y lo actualizaremos para enviar los datos. Prestamos atención a nuestra URL, al presionar el botón de enviar y veremos como los datos se han enviado de forma oculta. Haciendo más segura la información ya que no se puede modificar. DIFERENCIAS CLIENTE SERVIDOR CLIENTE SERVIDOR