Disponible desde Release 5.2.0 de Onesait Platform

Introducción

Hasta la release 5.2.0, el WebApps Manager sólo soportaba la publicación de aplicaciones Web a partir de un ZIP.

En esta release, hemos incorporado estas funcionalidades:

Crear y desplegar una WebApp desde un repositorio Git que contenga una web estática.
Edición inline dentro del Control Panel de ficheros subidos desde un repositorio Git.
Configurar en Git una aplicación NPM, de modo que el módulo puede compilar la aplicación generando el distribuible.

¿Cómo funciona?

Creación de WebApp desde Git

Ahora la creación de proyectos web constará de dos pestañas distintas: una para subir un ZIP y otra para trabajar con Git.

En este caso, nos interesa la implementación de Git. Al clicar en la pestaña de Git, se te requerirá dar la URL de un repositorio Git y un token que permita el acceso a ese mismo proyecto. Una vez tengas todo el formulario relleno, pulsa sobre el botón “Create” para crear tu WebApp, tu proyecto web con un proyecto Git asociado.

Edición WebApp Git

Con tu WebApp ya creada, pincha en los tres puntos para abrir el desplegable de opciones. Dentro podrás encontrar una nueva opción llamada Git:

que te dará acceso a una UI para editar los ficheros del repositorio Git:

Desde aquí tendrás acceso a las funcionalidades típicas de Git, como añadir, editar, renombrar o eliminar archivos o carpetas y realizar commit de esos cambios.

Con esta funcionalidad, podrás completar tu WebApp desde el propio Control Panel.

Despliegue WebApp Git

Una vez tengas tu WebApp lista, selecciona la carpeta del proyecto Git dentro del editor.

La dirección que esté seleccionada será la despliegue cuando pinches sobre el botón “Deploy”. Siempre puedes ver sobre qué carpeta estás apuntando en el campo “Path:” que se encuentre sobre el editor.

Si seleccionas un archivo dentro dentro de una carpeta, se desplegara la carpeta que contiene el archivo y el archivo seleccionado será indicado como archivo principal del proyecto, como se indica en el campo encima del editor.

Tras esto, pulsa el botón “Deploy”. Se bloqueara la pantalla mientras los archivos se clonan y despliegan y, una vez terminado el proceso, se te devolverá a la lista de proyectos web, donde podrás visualizar tu proyecto.

A continuación se incluye un vídeo ilustrando este proceso al completo:

Creación de WebApp Git desde un proyecto NPM

También se ha incluido en el WebApp Manager la capacidad para manejar repositorios Git que contengan un proyecto NPM.

Al crear o editar una WebApp, dentro de la sección Git podrás habilitar la opción de “configurar como Proyecto NPM”. Tras activar esta casilla, el formulario mostrará las casillas para rellenar con el comando que quieres lanzar dentro de tu proyecto NPM y el directorio donde quieres crear el desplegable.

Una vez hecho esto, el proceso a seguir es muy similar:

Continúa a la pantalla git, donde seleccionarás tu proyecto NPM.
Pulsa “Deploy” y espera a que se complete el proceso de despliegue. En este caso, el WebApp Manager realiza una copia del directorio seleccionado y ejecuta el comando NPM previamente especificado que típicamente generará el desplegable, que luego desplegarás.