Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

PQR del curso sobre json server en Github para servidor remoto

Hola, comunidad de Alura:

Debería haber un video que explique como se usa json en servidor remoto, específcamente en Github, ya que aquí en los videos únicamente trabaja con Git + json server + localhost mientras que para el proyecto de la tienda virtual es necesario trabajar con Github + json server + X SERVIDOR REMOTO. He revisado cada video del curso, y ratifico que no hay información de como llevar a cabo este menester. Estuvé investigando en internet, mirando videos, observando otros proyectos, y para tal menester creo que se necesita de otros archivos extra como el "Package" y una carpeta de modulos, entre otras cosas. Lastimosamente no tengo claro esos conceptos. De hecho, ya tengo mi aplicativo subido en Github, pero no puedo relacionarlo con el archivo json, por ello las galerias estan vacias.

Este es el link de mi Ecommerce: https://andresjaramillo2023.github.io/Ecommerce/

Si alguien tiene la virtud y el poder del conocomiento, bienvenido sea, quedaré pendiente.

1000 Gracias.

Asi estan mis carpetas y archivos en Github: Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

3 respuestas

Hola Estudiante,

Gracias por compartir tu duda con la comunidad de Alura. Entiendo que estás buscando información sobre cómo utilizar JSON en un servidor remoto, específicamente en Github. Parece que en los videos del curso solo se trabaja con Git + JSON Server + localhost, pero para tu proyecto de la tienda virtual necesitas trabajar con Github + JSON Server + un servidor remoto.

Lamentablemente, no hay un video específico en el curso que cubra este tema. Sin embargo, puedo darte algunas indicaciones generales sobre cómo hacerlo.

En primer lugar, para utilizar JSON en un servidor remoto, necesitarás subir tus archivos JSON al repositorio de Github junto con tu código fuente. Asegúrate de que los archivos JSON estén en la misma carpeta que tu código JavaScript.

Luego, en tu código JavaScript, deberás hacer una solicitud HTTP para obtener los datos del archivo JSON en el servidor remoto. Puedes utilizar la función fetch de JavaScript para hacer esto. Aquí tienes un ejemplo de cómo hacerlo:

fetch('https://andresjaramillo2023.github.io/Ecommerce/data.json')
  .then(response => response.json())
  .then(data => {
    // Aquí puedes trabajar con los datos obtenidos del archivo JSON
    console.log(data);
  })
  .catch(error => {
    // Manejo de errores
    console.error('Error:', error);
  });

En este ejemplo, estamos haciendo una solicitud GET al archivo JSON en el servidor remoto y luego convirtiendo la respuesta en un objeto JSON utilizando el método json().

Una vez que hayas obtenido los datos del archivo JSON, podrás trabajar con ellos en tu aplicación.

Espero que esta información te sea útil para relacionar tu aplicación con el archivo JSON en Github. Recuerda que cada proyecto puede tener sus particularidades, por lo que es posible que necesites adaptar estas indicaciones a tu caso específico.

¡Buena suerte con tu proyecto y no dudes en hacer más preguntas si lo necesitas! Estamos aquí para ayudarte.

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)

Gracias, ahora como puedo acceder a al elemento "perfil2".

Intenté asi: https://andresjaramillo2023.github.io/Ecommerce/data.json?/perfil2

pero no sirve, porque aún sigue mostrando todos los otros elementos. No he podido estructurar la url para mi archivo json, y no quiero modificarlo, porque así está mi lógica de todo mi Ecommerce y tambien porque quiero aprender a acceder a X o Y objeto que este en array, tal como esta mi archivo.

Gracias

Al día de hoy 21/08/2023 confirmo que ya logré solucionar mi inconveniente, por ello mis galerias ya cuentan con los productos, debo decir que fué gracias a Discord y especifícamente a una compañera llamada xxx, ya que hizó un excelente video para explicar detalladamente. Como evidencia muestro mi Ecommerce en el siguiente link: https://andresjaramillo2023.github.io/Ecommerce/

Sin embargo aún me falta el buscar. Pero creo que lo voy a dejar allí, ya que con lo que tengo, pienso que alcanza en los requisitos mínimos. Será para luego.

Les agradezco por su conocimiento.