Estoy construyendo un proyecto simple usando React y quiero que esté conectado a una base de datos (mongodb Atlas). sin embargo, solo puedo conectarme a mi base de datos usando Node. ¿Es posible ejecutar Node y React en el mismo puerto 3000?
También uso Express junto con Node porque me resulta muy conveniente usar archivos ejs al crear nuevas páginas con la misma barra de navegación y pie de página.
¿Es posible ejecutar estos 3 chicos juntos en un puerto?
Si y no. En producción, Express servirá una ruta estática que apunta a su carpeta de compilación, en el mismo puerto. En el modo de desarrollo, Express y React necesitarán puertos separados. Puede lograrlo fácilmente configurando Express en el puerto 5000 y React en el puerto 3000. Luego deberá declarar este "proxy": "http://localhost:5000", en su React package.json. Incluso puede ejecutar Express y React simultáneamente en un solo comando si instala el paquete "al mismo tiempo".
Puede representar su api agregando el siguiente campo de proxy a su paquete.json en su proyecto de reacción
"proxy": "http://localhost:4000"Ahora, en la aplicación frontend, puede realizar una llamada API de búsqueda utilizando el puerto de la aplicación, por ejemplo
fetch('/api/user') // this calls -> http://localhost:4000/api/userObtenga más información aquí: Solicitudes de API de proxy en desarrollo
Bueno, no tiene sentido tener el mismo puerto para un servidor diferente. Sin embargo, desea reemplazar ejs y usar reaccionar dentro del servidor de nodos, luego puede alojar el proyecto en un solo puerto. Pero será difícil para todos, el desarrollador, los usuarios.
Por lo tanto, use un directorio de proyecto diferente para servir al cliente y al servidor. Si tiene algún problema con la conexión a la base de datos y siente que un puerto solo funciona, puede cambiar el puerto por ellos.
Sin embargo, creo que esta publicación debería ayudarlo a conectar mongodb.