Tecnología

Inicio

Cómo utilizar PHP para los sitios web de teléfonos móviles

October 12

Cómo utilizar PHP para los sitios web de teléfonos móviles


A partir de octubre de 2010, la web móvil es un mercado enorme y de rápido crecimiento. La mayoría de los desarrolladores de PHP quieren hacer finalmente su página web adecuada para los teléfonos. Los teléfonos modernos pueden ver las páginas hechas con HTML, al igual que las páginas web normales. Sin embargo, tienen diferentes tamaños de pantalla y diferentes capacidades, en comparación con un ordenador estándar, así que hay que diseñar sus páginas móviles de manera diferente. Lo que necesita saber cuando un usuario está usando un teléfono móvil para que lo pueda redirigir a sus páginas móviles especialmente diseñados

Instrucciones

Crear un espejo móvil de su página web

1 Crear una versión normal de su página web y una versión móvil. Para este tutorial, cree una página de muestra de cada tipo. En primer lugar, utilice su editor de texto favorito para crear un archivo llamado "ejemplo.php" y poner el siguiente código HTML en ella:

<Html>

<Body>

<P style = "font-size: 500%"> ¡Hola, mundo </ p>!

<P> <a href="mobile_example.php"> Ir al sitio móvil </a> </ p>

</ Body>

</ Html>

Esta página mostrará "Hola, mundo!" en texto muy grande. En un equipo, que será fácil de leer. En un teléfono, abrumará la pantalla. Por lo que necesita para crear una versión móvil de esta página.

2 Hacer un nuevo archivo en el editor de texto, lo llaman "mobile_example.php" - y poner este código HTML en ella:

<Html>

<Body>

<P style = "font-size: 100%"> Hola, Mundo Móvil </ p>!

<P> <a href="example.php"> Ir al sitio estándar </a> </ p>

</ Body>

</ Html>

Esta versión se mostrará "Hola, Mundo Móvil!" en el tamaño de texto estándar del teléfono.

3 Sube ambos archivos a la carpeta superior de su página web. El uso de FTP o la función de carga de archivos de su servicio de alojamiento web para hacer esto.

Detectar si el usuario está en un teléfono

4 Descargar e instalar el módulo PHPBrowsCap. Ir a la página de descarga PHPBrowsCap y descargar el archivo zip. Haga doble clic en el archivo zip para descomprimirlo. En el interior será una carpeta llamada "phpbrowscap." Dentro de esa carpeta será otra que se llama "browscap." Crear una nueva carpeta dentro de "browscap" llamada "caché" - a continuación, cargar "browscap" a la carpeta superior de su página web.

Este módulo le permitirá obtener información útil acerca de los navegadores web de sus usuarios. PHP tiene una función incorporada llamada "get_browser ()" que hace lo mismo. Pero "get_browser ()" no funciona para la mayoría de los sitios web alojados, y las personas con alojamiento web estándar no son capaces de hacer los cambios necesarios para hacer "get_browser ()" para trabajar. PHPBrowsCap reemplaza "get_browser ()" con algo que usted es capaz de modificar y actualizar como sea necesario.

5 Crea tu móvil código de detección de navegador. Se puede escribir este código en su propio archivo separado, o escriba en la parte superior de su archivo ejemplo.php.

Poner en marcha la clase PHPBrowsCap con este código:

<? Php

require 'browscap / Browscap.php';

$ Browscap = new browscap ( 'browscap / caché');

Esto nos dará un objeto PHPBrowsCap que podemos utilizar. A continuación, obtener información sobre el navegador web del usuario con este código:

$ = $ Users_browser browscap-> getBrowser ();

Ahora tenemos un objeto que contiene una gran cantidad de información sobre el navegador web del usuario. A continuación, detectar si el usuario está en un teléfono. Si están en un teléfono, redirigirlos a la versión móvil de nuestra página. Si no están en un teléfono, no hacer nada.

if ($ users_browser-> isMobileDevice) {

$ Path = explode ( '/', $ _SERVER [ "SCRIPT_NAME"]);

$ Nombre de página = $ path [count ($ path) - 1];

header ( "HTTP / 1.1 301 Movido permanentemente");

header ( "Location: mobile_" $ nombre de página.);

}

?>

6 Para añadir el código de detección a la parte superior de ejemplo.php y subirlo a su sitio web.

7 Pruebe su trabajo. Visita ejemplo.php en su computadora y usted debería ver su página web con "Hola, mundo!" en el texto grande. Si visita ejemplo.php en su teléfono debe ser redirigido a "mobile_example.php" y verá "Hola, Mundo Móvil!" en su pantalla.

Pruebe este tutorial con otros nombres de archivo también. Hacer una página web PHP regular y luego una versión móvil de la misma página. Nombrar la versión móvil "mobile_" seguido del nombre de la versión estándar. Ponga su código de detección en la parte superior de cada página de la versión estándar. Su redirección a la versión móvil debe trabajar para cada par de páginas.

Consejos y advertencias

  • cambios de detección teléfono móvil como nuevos teléfonos se producen. Actualizar PHPBrowsCap instalándolo con la última versión periódicamente para asegurarse de que el detector de teléfono móvil siempre funciona.