¿Cómo se crea el contenido dinámico para un sitio web en términos de código real?

Chico, esto va a ser un viaje, pero comencemos.

Lo primero que probablemente es lo más importante para hablar cuando se trata de contenido dinámico y sitios web es el servidor. Puede imaginarse, si desea que haya una pequeña computadora casera. Esta computadora no es una computadora de escritorio o una computadora portátil, es solo un procesador, algunos discos duros y un cable LAN. Tiene este software especial y todo lo que tiene que hacer es escuchar en puertos particulares (piense en números telefónicos. No es la comparación más exacta, pero es lo suficientemente bueno).

Los servidores entonces hacen una de algunas cosas:

  1. Dependiendo del puerto que solicite, se envía a una pequeña subsección diferente de la computadora. Digamos que solicitamos esta computadora desde el puerto 80, que es el protocolo predeterminado del sitio web.
  2. Luego, la computadora toma lo que se llama un URI o URL, básicamente como una dirección de algo ubicado en ese servidor. El servidor mira para ver si hay un archivo o regla o algo que dicta lo que debe hacer el servidor. La mayoría de los servidores web básicos buscan un archivo en una carpeta. Si lo encuentran, simplemente arrojan el contenido de ese archivo al navegador y se convierte en el trabajo del navegador averiguar qué hacer a continuación.
  3. Hay una sección de trucos. Vea, el servidor se puede configurar para que realmente juegue con el contenido del archivo antes de enviarlo al navegador. Lo llamamos un preprocesador o “lenguaje de servidor”. Cada uno es diferente y se adapta a diferentes necesidades, pero la idea básica es que pueden alterar el contenido antes de enviarlo al navegador web que lo solicita.

Los servidores también pueden tener una palabra que probablemente haya escuchado antes: una base de datos. Hay muchos tipos diferentes de bases de datos, y muchos motores diferentes que ofrecen herramientas ligeramente diferentes, pero uno popular es MySQL. En una base de datos tradicional como MySQL, crea algo llamado tabla. Esta tabla tiene un conjunto limitado de columnas, cada una con un nombre y tipo designado que son diferentes de una tabla a otra. Por ejemplo, el almacenamiento de datos sobre un usuario (nombre, correo electrónico, contraseña) proporciona un conjunto diferente de necesidades que el almacenamiento de datos para información sobre automóviles nuevos / usados ​​(marca, modelo, color, kilometraje, más lo que pueda pensar en necesitar). para luego enviarlo a alguien que quiera comprar un automóvil)

El servidor y la base de datos tienden a tener una relación bastante estrecha. Digamos que busca una página que se haya configurado como “dinámica” en el servidor, y la barra de direcciones de su navegador se ve así: ” http://website.com/page.php?find… ” la información después del signo de interrogación es el navegador que pasa un par clave / valor al servidor. el servidor no necesariamente tiene que hacer nada con esa información, pero si está configurado para hacer algo (por ejemplo, extraer todos los usuarios cuyo primer nombre es bob, o contiene la frase bob en algún lugar), entonces el preprocesador del servidor, a través de la base de datos , dice “oye, ¿puedes encontrar resultados en esta tabla en particular que coincidan con la frase ‘bob’?”, a lo que el servidor dirá “¡oh sí, tenemos un montón de bobs!” si hay filas que coinciden, o si responda con “no, no hemos oído hablar de él”. El preprocesador toma los datos (o la falta de ellos) y los repite, o simplemente dice “lo siento, no puedo encontrar a Bob. ¿Podría ser un fantasma?

Todo esto es un conjunto muy básico de circunstancias, pero efectivamente así es como funciona.

  1. Los datos se almacenan en algún tipo de base de datos.
  2. El servidor, utilizando algunos tipos de argumentos que se le pasan desde el navegador, envía una solicitud al motor de la base de datos.
  3. la base de datos responde con los resultados de la consulta (¿alguien llamado bob? ¡No!)
  4. El servidor usa esa información para cambiar el HTML de un archivo antes de enviarlo al navegador web para su visualización.

Esos tweets se extraen de una base de datos.

una consulta SQL como:

$ result = mysqli_query (SELECCIONAR tweets de la tabla WHERE criterio LIMIT number_per_page ORDERBY marca de tiempo); // este es el código psuedo

luego usa un lenguaje de fondo como php para recorrer los resultados y hacer eco en el navegador como html, probablemente cada uno en su propia etiqueta

.

if ($ resultado) {
while ($ row = mysql_fetch_array ($ resultado)) {
// hacer algo con la fila $ en este caso echo
echo

$ row [‘tweetText’]

}
}

Cada sitio web en la web que tiene contenido dinámico básicamente está utilizando esta funcionalidad, aunque se puede ampliar en gran medida con AJAX y consultas más complejas y cosas como la tecnología push.

Hay dos partes El cliente, su navegador, que habla con un servidor, twitter. El mensaje entre ellos se pasa en un formato conocido generalmente json, por ejemplo, {mensaje: “mensaje de twitter”}

Estará altamente estructurado pero no habrá diseño.

En su código de navegador habrá una plantilla. Por ejemplo, en

{{mensaje}}

angular, los dos se fusionarán y luego se inyectarán en la página.

El extremo frontal puede ser jquery o un marco como angular o reaccionar que parece popular en este momento.

El back end se llama servicio web. En general, se aloja en un servidor web como iis o apache.

El diseño real de Twitter se realiza en bootstrap que desarrollaron y que mucha gente usa.

Sí, la transferencia es http o https encriptada, pero sobre todo ni siquiera piensas en esto.

Básicamente, el código en el servidor parece un montón de declaraciones de impresión (o, en PHP, declaraciones de eco). El servidor envía (impresiones, ecos) datos al navegador.

Es el contenido de esas declaraciones lo que difiere de una declaración a otra. (Todo lo que ve en su navegador, cuando “ve el código fuente”, es lo que se imprime, no ve las declaraciones de impresión en el servidor).

El código (python, PHP, etc.) en el servidor crea HTML y JavaScript en función de los datos presentados al servidor desde el navegador (generalmente como una URL y una cadena de consulta o datos publicados desde un formulario. También puede incluir datos extraídos de una base de datos ) que luego se pasa al navegador donde se procesa el HTML y se ejecuta el JavaScript.

More Interesting

¿Cómo puedo recuperar los enlaces del sitio web de alquiler de villas?

¿Qué sitios web refieren el tráfico más libre a su sitio web?

¿Hay alguna manera de ver solo imágenes en un sitio web?

¿Cómo se implementa una base de datos en un sitio web? ¿Dónde estará la base de datos en un servidor o no?

¿Cómo es importante contar historias para un sitio web?

¿El sitio web de Team-BHP está muerto? ¿Por qué no hay muchas discusiones en curso?

Cómo hacer un sitio web como Indian Express

¿Existe un límite práctico para la cantidad de contenido que se puede guardar en un sitio web? Estoy pensando en sitios como Reddit o incluso Quora.

Siendo un soltero de 16 años, ¿debería diseñar el sitio web de desarrollo de mi sitio web para usar 'nosotros' en lugar de 'yo', no abordar mi edad y, de lo contrario, no revelar quién exactamente está creando el sitio web?

¿Qué tema de WordPress para sitios web de negocios es compatible con dispositivos móviles?

¿Qué sitio web me permitirá descargar un video si solo proporciono una URL a ese enlace de video, ya sea desde cualquier sitio web?

Cómo crear un sitio web para comprar y vender criptomonedas

¿Cómo adoptar una publicación similar a un grupo de noticias en mi sitio web, donde los miembros pueden navegar a través de una lista de temas como lo haría en cuentas de correo electrónico? ¿Existe un script de código abierto para esto?

¿Qué necesito para iniciar un sitio web de medios de entretenimiento?

¿Por qué casi todos los sitios web del Gobierno de la India apestan en apariencia? ¿No pueden subcontratar la parte de diseño?