El siguiente artículo es un extracto de PHP & MySQL: Novice to Ninja, 7th Edition, una guía práctica para aprender todas las herramientas, principios y técnicas necesarias para construir una aplicación web profesional. En este último tutorial de la serie, aprenderás a tomar información almacenada en una base de datos MySQL y mostrarla en una página web para que todos la vean.
Nota: al igual que en el Capítulo 3, estoy usando “MySQL” aquí para referirme al protocolo de la base de datos. Sus scripts PHP harán lo mismo. Hay numerosas referencias en este capítulo – y en el código PHP que escribirá – a “MySQL”, aunque en realidad nos estamos conectando a una base de datos MariaDB.
Antes de avanzar, vale la pena dar un paso atrás para tener una idea clara de nuestro objetivo final. Tenemos dos poderosas herramientas a nuestra disposición: el lenguaje de scripting PHP y el motor de base de datos MySQL. Es importante entender cómo van a encajar.
El propósito de utilizar MySQL para nuestro sitio web es permitir que el contenido se extraiga dinámicamente de la base de datos para crear páginas web para su visualización en un navegador normal. Por lo tanto, en un extremo del sistema usted tiene un visitante a su sitio usando un navegador web para solicitar una página. Ese navegador espera recibir a cambio un documento HTML estándar. En el otro extremo se encuentra el contenido de su sitio, que se encuentra en una o más tablas en una base de datos MySQL que sólo entiende cómo responder a las consultas SQL (comandos).
Los navegadores modernos admiten una serie de formas para que los sitios web almacenen datos en el ordenador del usuario -con su permiso- y luego los recuperen cuando sea necesario. Esto le permite persistir los datos para el almacenamiento a largo plazo, guardar sitios o documentos para su uso sin conexión, retener la configuración específica del usuario para su sitio, y más. En este artículo se explican los fundamentos de su funcionamiento.
Almacenamiento en el lado del cliente… En otra parte del área de aprendizaje de MDN hablamos de la diferencia entre sitios estáticos y sitios dinámicos. La mayoría de los sitios web modernos son dinámicos: almacenan datos en el servidor utilizando algún tipo de base de datos (almacenamiento del lado del servidor), luego ejecutan código del lado del servidor para recuperar los datos necesarios, los insertan en plantillas de páginas estáticas y sirven el HTML resultante al cliente para que lo muestre el navegador del usuario.
A menudo, el almacenamiento del lado del cliente y del lado del servidor se utilizan conjuntamente. Por ejemplo, se podría descargar un lote de archivos de música (quizás utilizados por un juego web o una aplicación de reproducción de música), almacenarlos dentro de una base de datos del lado del cliente y reproducirlos cuando se necesiten. El usuario sólo tendría que descargar los archivos de música una vez; en las siguientes visitas se recuperarían de la base de datos.
Todo lo que navego en Internet, cualquier página, se almacena en la caché del navegador en mi disco duro. La caché del navegador se almacena en la carpeta Archivos temporales de Internet en la unidad C del disco duro. Pero, ¿también se almacena temporalmente (en el momento en que navego) en la memoria RAM, pero ahora se sobrescribe?
Para poder mostrar las imágenes, el texto y los elementos dinámicos de las páginas web, todos los datos que se descargan tienen que ser operados por la CPU, procesados, decodificados y marshallados en un diseño, y luego empujados a la pantalla, probablemente por la GPU.
Para que estos dispositivos puedan hacer algo, necesitan que los datos estén en la RAM. La CPU puede utilizar instrucciones para acceder a los discos duros y a los dispositivos de red, pero las instrucciones raíz sacan los datos de la RAM y los llevan a las cachés de la CPU, para que los núcleos de ésta trabajen con ellos.
Prácticamente todo lo que se hace en un ordenador utiliza la RAM. El DMA de dispositivo a dispositivo a través de PCIe puede evitar la RAM, pero si estás viendo el resultado final de algo, entonces éste, o al menos alguna representación del mismo, pasó por tu RAM.
El borrador del W3C se titula “Web Storage”. “Almacenamiento DOM” también ha sido un nombre comúnmente utilizado, aunque cada vez lo es menos; por ejemplo, los artículos web de “Almacenamiento DOM” de los sitios de desarrolladores de Mozilla y Microsoft han sido sustituidos por artículos de “Almacenamiento Web”[12][13][14][15].
El “DOM” en el almacenamiento DOM no se refiere literalmente al Modelo de Objetos del Documento. Según el W3C, “el término DOM se utiliza para referirse al conjunto de APIs puestas a disposición de los scripts en las aplicaciones web, y no implica necesariamente la existencia de un objeto Documento real…”[16].
El almacenamiento de objetos de almacenamiento web está habilitado por defecto en las versiones actuales de todos los navegadores web compatibles, y los proveedores de navegadores proporcionan formas para que los usuarios habiliten o deshabiliten de forma nativa el almacenamiento web, o borren la “caché” de almacenamiento web[17] También hay disponibles controles similares sobre el almacenamiento web a través de extensiones de navegadores de terceros. Cada navegador almacena los objetos de almacenamiento web de forma diferente: