Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Introducción

Se ha creado un componente visual (sobre Vue) que permite la edición de archivos en git.

Este componente se ha habilitado en el módulo Serverless de plataforma para facilitar la creación de funciones.

Gracias a este cambio, se podrán subir , editar y seleccionar los archivos necesarios para la ejecución de una función durante la creación o edición de la misma.

¿Cómo se usa?

Primero se debe crear una aplicación, rellenando todos los detalles de nuestro proyecto gitlab.

...

Una vez creada la aplicación, se pasara a la creación de funciones, y aquí es donde se puede aprovechar el editor de archivos. Al seleccionar la opción de crear una nueva función, se mostrara la siguiente pantalla:

...

Como se puede observar, no solo contamos con el editor de archivos git, sino que la pantalla ya no pide el path relativo dentro de git. En su lugar, ahora se podrá crear el archivo en nuestro repositorio de forma manual gracias al editor, y el path se asignará automáticamente.

Primero se selecciona la rama sobre la que se desea trabajar. Con la rama seleccionada, el editor de archivos accederá al repositorio y mostrara los contenidos del mismo:

...

Desde aquí se puede acceder a todos los directorios del repositorio. Ahora, se podrán crear ficheros nuevos en la localización deseada para contener nuestra función.

...

Nota: Importante que al crear el archivo se incluya la extensión deseada

...

En este caso, se esta usando un ejemplo perteneciente al post original de como utilizar el modulo serverless que contiene dos archivos. Una vez creados los archivos, se podrá pegar el contenido dentro:

...

Con los archivos listos, se realiza el commit con el botón de Save, guardando los cambios realizados en el repositorio:

...

Finalmente, se le da nombre a la función y seleccionamos el archivo que se quiere ejecutar haciendo click en el. Para saber a que archivo esta apuntando la función, podemos fijarnos en el indicador que se encuentra encima del editor:

...

De está manera, la función quedara creada y lista para ser lanzada:

...

Subiendo archivos desde Gitlab

En caso de que nuestra función necesite de múltiples archivos para funcionar y no queramos crearlos desde el editor de archivos uno a uno, siempre podemos subirlos desde gitlab y seleccionarlos desde el editor.

...

Como se puede ver, se ha subido una carpeta con los contenidos de una función desde gitlab. Ahora simplemente se selecciona el archivo a ejecutar en el editor y se crea la función:

...

Introduction

We have created a visual component (on top of Vue) that allows editing of files in git.

This component has been enabled in the platform’s Serverless module, to ease the creation of functions.

Thanks to this change, it will be possible to upload, edit and select the files necessary for the execution of a function during its creation or edition.

How is it used?

First you must create an application, filling in all the details of your gitlab project.

...

Once the application is created, move on to the creation of functions, and this is where you can take advantage of the file editor. When selecting the option to create a new function, the following screen will be shown:

...

As you can see, not only do you have the git file editor, but the screen no longer asks for the relative path within git. Instead, now you can manually create the file in your repository thanks to the editor, and the path will be assigned automatically.

First, select the branch you want to work on. With the branch selected, the file editor will access the repository and display its contents:

...

From here, you can access all the directories of the repository. Now, you can create new files in the desired location to contain your function.

...

Note: It is important that, when creating the file, the desired extension is included.

...

In this case, we are using an example from the original post on how to use the serverless module that contains two files. Once the files are created, the content can be pasted inside:

...

With the files ready, make the commit with the Save button, saving the changes made in the repository:

...

Finally, give the function a name, and select the file that you want to execute by clicking on it. To know which file the function is pointing to, you can look at the indicator that is located above the editor:

...

This way, the function will be created and ready to be launched:

...

Uploading files from GitLab

In case your function needs multiple files to work and you don't want to create them from the file editor one by one, you can always upload them from GitLab and select them from the editor.

...

As you can see, a folder with the contents of a function has been uploaded from GitLab. Now you simply have to select the file to be executed in the editor and create the function:

...

The function will be created and will point to the file we have selected:

...