es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • Implementando un proyecto de React-Bootstrap en IIS – Solo el administrador y el cliente utilizan el puerto 80.

Implementando un proyecto de React-Bootstrap en IIS – Solo el administrador y el cliente utilizan el puerto 80.

31 Jul, 2023 Programación

Tengo un sitio web que incluye un administrador y un cliente. He creado 2 proyectos para el sitio web (administrador y cliente) con Reactjs-Bootstrap, y en el backend utilizo Flask de Python. Pero estoy teniendo dificultades con la implementación debido a los siguientes requisitos:

  • Implementar con IIS 10.0 en Windows Server 2016
  • Solo permitir los puertos 80 y 1521 para el usuario

El puerto 1521 lo estoy utilizando para el backend.

Ahora, el puerto 80 lo utilizaré para ejecutar el cliente y el administrador. He intentado agregar la aplicación pero no funciona (http://domain/admin, muestra un error 500).

Haz clic aquí para ver la descripción de la imagen.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para implementar tanto los proyectos de ReactJS-Bootstrap de administrador como de cliente en IIS 10.0 con Windows Server 2016, utilizando solo los puertos 80 y 1521, siga los pasos a continuación:

    1. Compile los proyectos de ReactJS-Bootstrap en modo de producción ejecutando el comando npm run build en la carpeta raíz de cada proyecto.
    2. Instale Flask en la máquina con Windows Server 2016.
    3. Inicie el servidor de backend de Flask en el puerto 1521.
    4. Configure IIS para alojar los proyectos de ReactJS-Bootstrap en el puerto 80:
      • Abra el Administrador de servicios de información de Internet (IIS).
      • Haga clic derecho en la carpeta “Sitios” en el panel izquierdo y seleccione “Agregar sitio web”.
      • Complete los campos requeridos, como el nombre del sitio y la ruta física.
      • En la sección “Vinculaciones”, agregue una nueva vinculación para el protocolo HTTP, establezca la dirección IP en “Todo sin asignar”, el número de puerto en 80 y deje en blanco el nombre de host.
      • En la sección “Grupo de aplicaciones”, seleccione el grupo de aplicaciones adecuado para el sitio web.
      • Haga clic en Aceptar para guardar el sitio web.
    5. Despliegue los proyectos de ReactJS-Bootstrap en el sitio web:
      • Copie el contenido de la carpeta de compilación de cada proyecto a la ruta física especificada en el paso 4.
      • Agregue dos directorios virtuales al sitio web: uno para el proyecto “admin” y otro para el proyecto “client”, mapeando a las respectivas carpetas de compilación.
    6. Acceda a los proyectos de ReactJS-Bootstrap utilizando las siguientes URL:

    Al implementar el sitio web, es posible que encuentre un error HTTP 500 al acceder al proyecto “admin”. Esto podría deberse a diferentes motivos, como un problema con el servidor de backend de Flask o un error en el código del proyecto de ReactJS-Bootstrap. Para solucionar el error, verifique los registros de IIS y los registros de Flask en busca de mensajes de error relevantes y utilice herramientas de depuración para identificar el problema.

Comments are closed.