CONEXIÓN A SERVIDORES DE INTERNET

in #tarea23 days ago

Reflexión sobre el caso de estudio: “La señal que nunca llegó”

Autor: @jess790
Fecha: 24/11/2025
Materia: Desarrollo de Aplicaciones Móviles
Profesor: @frexus


Caso de estudio

He leído y analizado el caso publicado por el profesor:
Enlace al caso de estudio

En este caso se aborda el tema de conexión a servidores de Internet, donde se presenta una situación real o simulada para aplicar los conceptos vistos en clase.


Reflexión personal

  1. ¿Qué tipos de conexiones debe dominar un desarrollador móvil para construir apps funcionales?
    Para construir apps funcionales, el desarrollador debe dominar diversos tipos de conexiones, incluyendo sincrónicas y asíncronas, HTTP/HTTPS, WebSockets y el uso de BaaS.
  2. ¿Qué errores comunes se cometen al intentar conectar una app móvil con bases de datos?
    Confiar en el entorno local (localhost), no validar peticiones HTTPS y hacer que la app intente acceder directamente a las bases de datos.
  3. ¿Qué papel juega la API como intermediaria entre la app y el servidor de base de datos?
    La API REST es esencial para que la app consulte o envíe datos al servidor de manera segura
  4. ¿Por qué no es recomendable que una app móvil se conecte directamente a una base de datos remota?
    Porque la base de datos debe ser accesible solo desde el backend.
  5. ¿Cómo afectan las decisiones sobre arquitectura de red (local vs internet) al comportamiento de la app?
    Las decisiones de arquitectura de red son críticas: el entorno local no prepara la app para el mundo real de IPs públicas y APIs mal configuradas, haciendo que la app se caiga o cargue eternamente.
  6. ¿Qué aprendizajes técnicos y emocionales te deja el caso de Lucas sobre trabajar en entornos reales?
    La comprensión de que una app es el eco de muchos servidores y la necesidad de configurar correctamente CORS, JWT y HTTPS, y como lección emocional, la humildad para reconocer que lo invisible (las conexiones) es lo que determina el éxito.

Actividades complementarias

  • Práctica desarrollada: Enlace a la publicación en Steem
    Realizamos la actividad práctica guiada: Desarrolla tu propia app móvil con Expo + PHP + MySQL en tu red local, y experimentamos en tiempo real cómo se crean conexiones y operaciones CRUD.

Parte 1: Crear la base de datos
El siguiente código que se muestra en la imagen 16 lo podemos pegar en la línea de comandos SQL de phpMyAdmin o la línea de comandos de MySQL, lo que hace es crear la base de datos junto con una tabla llamada productos y algunos campos de esa tabla como ID, nombre y precio.

image.png

Parte 2: Crear la API en PHP
Creamos una carpeta donde trabajaremos los siguientes archivos:

image.png

El primer archivo “conexión.php” debe contener lo que se muestra en la Imagen 18 como se muestra a continuación:

image.png

Este código lo que hace es establecer una conexión a una base de datos MySQL utilizando la extensión MySQLi. También define variables como el servidor de la base de datos como local, el nombre de usuario, la contraseña, el nombre de la base de datos, crea la conexión, la verifica y maneja errores.
Después en el archivo obtener.php debemos tener lo siguiente:

image.png

Sirve para obtener los datos que se inserten en la base de datos.
El archivo crear.php debe quedar de la siguiente manera como en la imagen 20:

image.png

Se utiliza para insertar un nuevo producto en una base de datos MySQL.
El archivo actualizar.php debe contener lo que se muestra en la imagen 21:

image.png

Es útil para modificar (actualizar) la información de un producto existente en una base de datos MySQL.
Y el archivo eliminar.php debe quedar como en la imagen 22:

image.png

Sirve para eliminar registros de la base de datos.

Parte 3: Crear app en React Native con Expo
Ahora, vamos a crear el proyecto con los siguientes comandos:

image.png

Instalamos dependencias por si acaso.

En el archivo App.js del proyecto React Native, debemos tener el siguiente código: Es importante cambiar la IP por nuestra IP real de computadora, en cmd comando ipconfig.

image.png
image.png

En nuestra app se debe ver algo como esto:
Aquí ya añadimos algunos productos y vemos que se muestra el nombre y su precio.

image.png

Y en phpMyAdmin se ven reflejados los cambios:

image.png

Luego borré el producto pelota:

image.png
image.png

Y aquí también en mi http://localhost/api-tienda/obtener.php puedo ver los cambios que voy realizando.
image.png

Listo! Todo funciona correctamente.
Esta práctica me permitió comprender la integración total de las operaciones CRUD dentro de una arquitectura web moderna. Aprendí a enviar peticiones para Crear, Leer y Eliminar datos desde la aplicación móvil (React Native) hacia una API de PHP. Logré que el backend de PHP ejecutara las sentencias SQL correspondientes (INSERT, SELECT, DELETE) en la base de datos MySQL, verificando cada cambio mediante phpMyAdmin.


Evidencias visuales

Captura de la sopa de letras
image.png

Captura del crucigrama
image.png

Captura del código o práctica
image.png

image.png

image.png

image.png

image.png

image.png


Conclusiones finales

Aprendizaje obtenido:

Aprendí a usar Git y GitHub para gestionar el historial completo del código y asegurar la colaboración en equipo de forma ordenada, utilizando el sistema de ramas para mantener estable el proyecto principal. Al mismo tiempo, se comprende que las aplicaciones móviles se conectan al mundo real usando APIs como mensajeros seguros, lo cual es fundamental para separar la interfaz (app) del servidor (datos). Esta arquitectura asegura que el manejo de la información sea seguro y que el sistema pueda ser escalable y rápido.

Dificultades enfrentadas:
Lo de la conexión de la API y el servidor


Backlinks y referencias


Este post forma parte de la actividad de aprendizaje correspondiente a la unidad 3.
Publicación realizada con fines educativos como parte del curso de App Movil.