Implementar la aplicación Static React

Esta guía explicará cómo implementar una página única estática. ReactJS aplicación en uno de nuestros compartido alojamiento web o negocio Cuentas de alojamiento web.Una cuenta de alojamiento web compartida es un destino perfecto para implementar aplicaciones estáticas para su cartera o para albergar todo su sitio de cartera de desarrolladores.Esta es una forma fácil de poner su código en la web y usar el dominio de su elección para que su cartera tenga una apariencia más profesional.Para continuar con esta guía, querrá estar familiarizado con o ya usando la herramienta de creación de aplicaciones de Facebook llamada crear-reaccionar-aplicación para crear tu proyecto.

Esta guía está destinada a fines de información solamente. Consulte con su desarrollador web para respaldar su proyecto de desarrollo, ya que esto no está cubierto con los niveles de apoyo de Hostwinds.

Antes de empezar

Hay algunos otros elementos que deberá seguir con esta guía.

Primero: Necesitará una cuenta de alojamiento empresarial compartida o compartida con Hostwinds
Segundo: Necesitará una aplicación React que se creó con create-react-app
Tercero: Querrá tener un programa FTP como FileZilla y ya tengo configurar el acceso FTP en cPanel para continuar con esta guía

Tu computadora

Lo primero que hará es crear una compilación de producción de su proyecto abriendo su entorno de desarrollo local e ingresando en un indicador de shell en su máquina local.

Paso uno: Cambie los directorios en el directorio de su proyecto escribiendo la siguiente línea para su directorio:

cd /my_projects/my_example_project

Segundo paso: Una vez que esté en el directorio de su proyecto, escriba:

npm run build

Esto creará una compilación de producción de su proyecto de reacción y agrupa las dependencias necesarias para que la aplicación funcione. Sus archivos de construcción de producción se colocarán en un nuevo directorio en la carpeta de su proyecto llamada Construir.

FTP sus archivos a su servidor

A continuación, utilizará un programa FTP para mover los archivos de producción a su cuenta de alojamiento compartido.

Paso uno: Abra el programa FTP y conecte a su cuenta de alojamiento web.

Segundo paso: Si este es el primer proyecto que está alojando, y digamos que es la página principal de la cartera, por ejemplo, luego lo transferirá al directorio raíz de su cuenta de alojamiento compartido.De forma predeterminada, la raíz de documentos para su cuenta principal de alojamiento web está en la carpeta de destino en el servidor y se llama Public_HTML.Aquí, encontrará los archivos y carpetas asociados con sus nombres de dominio principales, como index.html, como su página de inicio, o algo similar, si ya ha creado una página de inicio para su sitio web principal.

Paso tres: Navegará en el programa FTP a su carpeta de compilación en los archivos de su proyecto y luego seleccione todos los archivos en la carpeta de compilación y solucionelos en el directorio correcto en la carpeta Public_HTML en el otro lado de la GUI en el programa FTP

Paso cuatro: Una vez que se complete la transferencia de archivos, entonces su solicitud debe estar disponible de inmediato para que se realice escribiendo su dominio en la barra de URL

Paso cinco: Para implementar en un subdirectorio de la carpeta Public_HTML, se debe hacer un paso adicional antes de ejecutar su compilación. Si desea que una aplicación de reacción se rienda de un subdirectorio, es necesario agregar una referencia a la página de inicio dentro del archivo Package.json para su proyecto. Sin él, la página estará en blanco en blanco cuando se navegue. La referencia necesaria será:

"homepage": "https://yourdomain.mn/public_html/bar",

Y cuando se coloca en

package.json

se verá así:

Una vez que se haya agregado esta referencia y se haya finalizado la compilación de Ejecución de NPM, puede FTP sus archivos de compilación a cualquier subdirectorio en su directorio public_html, y la aplicación renderizará de ese directorio.

Resumen

Es posible y bastante fácil implementar una aplicación de reacción estática en una cuenta de alojamiento compartido de Hostwinds.Esta es una opción sencilla para los desarrolladores que buscan armar una cartera en su propio nombre de dominio para tener un sitio web más profesional.Si está buscando opciones más avanzadas y tiene un control total a través de la configuración del servidor, y está listo para mover su aplicación a un entorno de producción, le sugerimos mirar nuestra SSD Cloud VPS Servidoras.