Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Aprende Inglés, Programación, AI, Ciberseguridad y mucho más.

Antes: $249

Currency
$209
Suscríbete

Termina en:

2 Días
22 Hrs
6 Min
38 Seg

Cómo interactúa una página web con tu backend

3/24
Recursos

Esta interacción (teniendo a PHP en el backend) se basa en el modelo Cliente-Servidor.

Modelo Cliente-Servidor

Toda nuestra aplicación está guardada en un servidor, el cual entrega una copia de la misma a cada cliente que la solicite.
Petición de una página web en el modelo cliente-servidor

Además, el servidor también se encarga de responder cada solicitud del usuario.
Flujo del modelo cliente-servidor

Componentes

Hay varias cosas que debemos tomar en cuenta para esta comunicación entre cliente y servidor.

Dominio 🔗

El dominio es nuestra dirección en internet. Gracias a él, cualquier computadora es capaz de encontrar nuestra página web.
Dominio web de Platzi

Servidor físico o VPS 🖥

  • Es la computadora que se encarga de guardar tu página web y mantenerla accesible 24/7.
  • Se le conoce como servidor y siempre está conectado a internet.
  • A través de él podemos definir ciertas reglas de seguridad para nuestra página.

Servidor web 🌐

Es un programa que corre dentro de nuestro servidor físico y se encarga de gestionar cualquier petición que llegue al mismo. Esta petición es procesada por algún lenguaje de programación y al final devuelve una respuesta.

Métodos HTTP 📩

Los métodos HTTP son una forma de comunicación entre el cliente y el navegador. A través de una solicitud HTTP, el cliente es capaz de pedirle al servidor que realice una acción.

Hay varios, pero tenemos 5 métodos principales.

ℹ️ GET

Este método permite solicitar información al servidor. Por ejemplo, podemos pedirle una lista de productos en el caso de que estemos haciendo un e-commerce o una lista de cursos si tenemos una página como Platzi.

➕ POST

Este método permite guardar información. Por ejemplo, podemos recabar datos del usuario desde un formulario y mandarlos a nuestro servidor para procesarlos. Podríamos guardarlos para armar una base de datos de usuarios o incluso un sistema de login.

🔄 PUT/PATCH

  • Estos métodos permiten actualizar información ya guardada. Por ejemplo, podemos darle la oportunidad a un usuario de actualizar su correo electrónico o incluso cambiar su contraseña.
  • La diferencia es que PUT reemplaza toda la información existente y PATCH solo reemplaza lo necesario, es decir, “parcha” la información.

❌ DELETE

  • Este método lo usamos para eliminar un recurso del servidor. Por ejemplo, podemos utilizarlo si deseamos eliminar un blogpost o un comentario.
  • Existe algo llamado soft delete. Esto quiere decir que vamos a ocultar la información para que los usuarios ya no pueden acceder a esta; sin embargo, sigue guardada en la base de datos.

Contribución creada por: Martín Álvarez

Aportes 52

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Cliente y servidor

Toda nuestra aplicación esta guardada en un servidor, el cual entrega una copia de la misma a cada cliente que la solicite.

Además, el servidor también se encarga de responder cada solicitud del usuario.

Dominio

El dominio es nuestra dirección en internet. Gracias a él cualquier computadora es capaz de encontrar páginas web.

Servidor físico o VPS

Es la computadora que se encarga de guardar tu página web y mantener accesible 24/7. Se le conoce como servidor y siempre está conectado a internet.

A través de él podemos definir ciertas reglas de seguridad para nuestra página.

Servidor web

Es un programa que corre dentro de nuestro servidor físico y se encarga de gestionar cualquier petición que llegue al mismo.

Esta petición es procesada por algún lenguaje de programación y al final devuelve una respuesta.

Métodos HTTP

Los métodos HTTP son una forma de comunicación entre el cliente y el navegador. A través de una solicitud HTTP el cliente es capaz de pedirle al servidor que realice una acción

GET

Este método permite solicitar información al servidor. Por ejemplo, podemos pedirle una lista de productos en el caso de que estemos haciendo un e-commerce o una lista de cursos si tenemos una pagina como Platzi.

POST

Este método permite guardar información. Por ejemplo, podemos recabar datos del usuario desde un formulario y mandarlos a nuestro servidor para procesarlos.

podríamos guardarlos para armar una base de datos de usuarios o incluso un sistema de login.

PUT/PATCH

Estos métodos permiten actualizar información ya guardada. Por ejemplo, podemos darle la oportunidad a un usuario de actualizar su correo electrónico o incluso cambiar su contraseña.

La diferencia es que PUT reemplaza toda la información existente y PATCH solo reemplaza lo necesario, es decir, “parcha” la información

DELETE

Este método lo usamos para eliminar un recurso del servidor. Por ejemplo, podemos usarlo si deseamos eliminar un blogpost o un comentario.

Esto no significa que dejamos eliminarlo necesariamente dentro de nuestra base de datos, podemos hacer un “Soft delete”.

En imágenes
GET

POST

PUT / PATCH

DELETE

SOFT DELETE

Cliente / Servidor PHP

  • GET - Pedirle al servidor una solicitud
  • POST - Este método nos permite pedirle al servidor que nos guarde algo
  • PUT - Actualiza todo el registro
  • Patch - Reemplaza lo necesario, es decir “parcha” la información
  • Delete - Este método lo usamos para eliminar un recurso del servidor
  • y soft-delete - Es para enviar una solicitud al servidor, pero no lo elimina, sino que básicamente lo oculta.

Diagrama Cliente-Servidor

Este comentario es para saber que le entiendes todo a retax master 😎

PEPITO

Comparto con ustedes reflexiones sobre el tema de estudio de esta clase, porque de aqui tratamos que son básicos a la hora de iniciar el desarrollo web:
1.- El dominio: si el dominio es nuestra dirección en internet, y si queremos que el usuario pueda encontrar la página web, se debe escogar un nombre de dominio que éste relacionado con el tipo de activdad que se llevará dentro de la página.
2.- El servidor: La selección del servidor no debe basarse solamente en el aspecto económico, es importante validar que el servidor éste accesible la mayor parte del tiempo posible.
3.- La seguridad: La definción de seguridad de una página web permite garantizar que la página estará online la mayor parte del tiempo posible y los datos e información delicada estén a salvo de manera que los usuarios se sientan confiantes.

Minuto 5:44. La diapositiva Metodos HTTP. Donde dice: “Los metodos HTTP son una forma de comunicacion entre el **_cliente _**y el navegador”, deberia decir “Los metodos HTTP son una forma de comunicacion entre el **++servidor ++**y el navegador”

==CLIENTE - SERVIDOR=

_DOMINIIO _-> Direccion de internet
SERVIDOR FISICO/ VPS -> Computadora fisica , accesible
SERVIDOR WEB -> (APACHE) Usa lenguaje de programacion
METODOS HTTP -> comunicacion del servidor - navegador

  • get -> solicitar informacion
  • post-> guardar informacion /* guardar para armar una base de datos*/
  • put -> actualizar informacion guardada /actualizar el correo o la contraseña/
  • patch -> actualizar informacion guardada pero solo remplaza lo necesario /parcha/
  • delete -> eliminar algun recurso del servidor /soft delete-> ocultarlo/

¿Cuantos de aquí quisiéramos ser como pepito y estar en una super MacBook prop?

importante entender con un poco mas de detalle el funcionamiento de la web

Servidor Web

Que manera de explicar, lo hace ver tan sencillo

no sabia que era un “soft delete” gracias por el aporte que buen dato.

Cliente y Servidor \- El sitio web está guardado en un servidor \- El servidor entrega una copia del sitio web a cada cliente que lo solicita \- El servidor responde a cada solicitud del usuario Dominio \- El dominio es la dirección del sitio web en internet Servidor físico o VPS \- El servidor es el ordenador que se encarga de guardar el sitio web Servidor web \- Es un programa que se ejecuta dentro del servidor físico o VPS \- Gestiona las peticiones que le lleguen \- Las peticiones las procesa con algún lenguaje de programación y devuelve una respuesta Métodos HTTP \- Los métodos HTTP sirven para la comunicación entre el cliente y el navegador \- A través de una solicitud HTTP el cliente puede pedirle al servidor que realice una acción \- Existen 5 métodos principales GET \- Permite solicitar información al servidor POST \- Permite guardar información PUT \- Permite actualizar toda la información de un registro PATCH \- Permite actualizar el valor del campo de un registro DELETE \- Permite eliminar un recurso del servidor Soft DELETE \- Permite que cierta información no se muestre sin necesitad de perder la información

03:40 SERVIDOR WEB. - Es un programa que corre dentro de nuestro servidor físico y se encarga de gestionar cualquier petición que llegue al mismo. - Esta petición es procesada por algún lenguaje de programación y al final devuelve una respuesta.

05:38 MÉTODOS HTTP. - Los métodos HTTP son una forma de comunicación entre el cliente y el navegador. - A través de una solicitud HTTP el cliente es capaz de pedirle al servidor que realice una acción. - Hay varios, pero tenemos 5 métodos principales: GET, POST, PUT, PATCH y DELETE.

05:55 GET. - Este método permite solicitar información al servidor. - Por ejemplo, podemos pedirle una lista de productos en el caso de que estemos haciendo un e-commerce o una lista de cursos si tenemos una página como Platzi.

06:15 POST. - Este método permite guardar información. - Por ejemplo, podemos recabar datos del usuario desde un formulario y mandarlos a nuestro servidor para procesarlos. - Podríamos guardarlos para armar una base de datos de usuarios o incluso un sistema de login.

06:40 PUT / PATCH. - Estos métodos permiten actualizar información ya guardada. - Por ejemplo, podemos darle la oportunidad a un usuario de actualizar su correo electrónico o incluso cambiar su contraseña. - La diferencia es que PUT reemplaza toda la información existente y PATCH solo reemplaza lo necesario, es decir, "parcha" la información.

07:23 DELETE. - Este método lo usamos para eliminar un recurso del servidor. - Por ejemplo, podemos usarlo si deseamos eliminar un blogpost o un comentario. - Esto no significa que debamos eliminarlo necesariamente dentro de nuestra base de datos, podemos hacer un "soft delete".

00:36 CLIENTE Y SERVIDOR. - Toda nuestra aplicación está guardada en un servidor, el cual entrega una copia de la misma a cada cliente que la solicite. - Además, el servidor también se encarga de responder cada solicitud del usuario.

02:44 SERVIDOR FÍSICO O VPS. - Es la computadora que se encarga de guardar tu página web y mantenerla accesible 24/7. - Se le conoce como servidor y siempre está conectado a internet. - A través de él podemos definir ciertas reglas de seguridad para nuestra página.

02:14 DOMINIO. - El dominio es nuestra dirección en internet. Gracias a él cualquier computadora es capaz de encontrar nuestra página web. - https://www.platzi.com

Al ver el funcionamiento de PHP cliente-servidor es mas entendible porque sigue siendo uno de los más usados.💻🌐
Put: Actualiza toodo el body o la data de un request. Patch: Actualiza solo un elemento de toda la data

Soft delete

Es una técnica utilizada en sistemas de gestión de bases de datos para marcar un registro como eliminado en lugar de eliminarlo realmente. Esto se hace para preservar la integridad de los datos y proporcionar una forma de recuperar registros eliminados si es necesario. Cuando se realiza un soft delete, el registro se marca típicamente con una bandera o marca de tiempo para indicar que ya no está activo, pero el registro en sí permanece en la base de datos. Los soft deletes se utilizan a menudo en aplicaciones donde los datos deben ser retenidos por razones legales o reglamentarias.

yo aun tengo mi servidor de maincra

Claro que si joven

Desde hace rato quería volver a ver las bases de PHP, asi q me tomé un tiempo para repasarlas… 😃

Métodos HTTP

DELETE

PUT/PATCH

POST

GET

Método HTTP

Servidor físico o VPS

Dominio

Cliente y Servidor

Soft Delete: la frase “Lo que pasa en internet, se queda en internet” nunca fue más cierta.

Muy buenas las explicaciones del profe. Deseando que comencemos a meter mano al código.

GET
Este método permite solicitar información al
servidor. Por ejemplo, podemos pedirle una lista
de productos en el caso de que estemos
haciendo un e-commerce o una lista de cursos si
tenemos una página como Platzi

Servidor físico o VPS
Es la computadora que se encarga de guardar tu
página web y mantenerla accesible 24/7. Se le
conoce como servidor y siempre está conectado
a internet.
A través de él podemos definir ciertas reglas de
seguridad para nuestra página.

Servidor web
Es un programa que corre dentro de nuestro
servidor físico y se encarga de gestionar
cualquier petición que llegue al mismo.
Esta petición es procesada por algún lenguaje de
programación y al final devuelve una respuesta.

Las clases son muy amenas con las presentaciones!

La verdad el profesor hace la explicación muy amena!
Los ejemplos y en si todo la presentación esta super clara.
Ya quiero empezar a escribir código PHP 🚀

¿Sabías que puedes instalar software libre para crear servidores web en tu computadora? Una gran herramienta es XAMPP , existen alternativas como WampServer, MAMP, entre otros. Con estas herramientas podrás ejecutar módulos, como Apache, los intérpretes para lenguajes de script PHP y Perl. 😎

Cliente y Servidor

Toda nuestra aplicación esta guardada en un servidor, el cual entrega una copia de la misma a casa clienmte que le solicite
Ademas, el servidor tambien se encarga de responder cada solicitud del usuario

El dominio es nuestra direccion en internet. Gracias a el cualquier computadora es capaz de encontrar nuestra pagina web

Servidor fisico o VPS
ES la computadora que se encarga de guardar tus paginas web y mantenerla accesible 24/7. Se le conoce como servidor y siempre esta conectado a internet
A través de el podemos definir ciertas reglas de seguridad para nuestra paginas

servidor web
Es un programa que corre dentro de nuestro sevidor fisico y se encarga de gestionar cualquier peticion que llegue al mismo.
Esta peticion es procesada por algun lenguaje de programacion y al final devuleve una respuesta

Metodos HTTP
Los metodos HTTP son una forma de comunicion entre el cliente y el nevagador, A través de una solicitud HTTP el cliente es capaz de pedirle al servidor que realice una acción. Hay varios métodos pero tenemos 5 principales

Metodo GET
Este metodo permite solicitar informacion al sevidor. Por ejemplo, podemos pedirle una lista de productos en el caso de que estemos haciendo un e-commerce o una lista de rescursos si tenemos una pagina como platzi

Metodo POST
Este metodo permite guardar informacion. Por ejemplo, podemos recabar datos del usuario desde una formulario y mandarlos a nuestro servidor para procesarlso.
Podriamos guardarlso para aramr una base de usuarios o incluso un sistema de login.

PUT/PATCH
Estos metodos permiten actualizar informacin ya guardada. Por ejemplo,podemos darle la oportunidad a un usuario de actualizar su correo electronico o incluso cambiar su contrasena.

La diferencia es que PUT reemplaza toda la informacion existente y PATCH solo remplaza lo necesario, es decir, “PARCHA” la informacion

DELETE
Este metodo lo usamos para eliminar un recurso del sevidor. Por ejemplo, podemos usarlo si deseamos eliminar n blogpost o un comentario
Esto no significa que debamos eliminarlo necesariamente dentro de nuestra base de datos, podemos hacer un “soft delete”

Modelo cliente servidor en PHP

Excelente explicación, me esta gustando mucho este curso