Despliegue de Aplicaciones Serverless con Vercel y AWS

Clase 23 de 29 • Curso de Node.js: Autenticación, Microservicios y Redis

Resumen

¿Qué es Serverless y cómo funciona?

Serverless es una aproximación moderna al desarrollo y despliegue de aplicaciones en la nube sin necesidad de gestionar servidores. A diferencia de los métodos tradicionales, en los que es necesario configurar y mantener servidores específicos, el enfoque serverless se centra en el uso de funciones efímeras que se ejecutan en respuesta a eventos, eliminando la necesidad de gestionar infraestructura.

¿Cuál es la ventaja de serverless?

Eliminación de la gestión de servidores: Los desarrolladores se concentran en el código y la lógica empresarial sin preocuparse por la infraestructura.
Escalabilidad automática: Las aplicaciones se adaptan automáticamente a la carga de trabajo, ya que las funciones serverless se pueden escalar en función de la demanda.
Costos basados en el uso: Solo se paga por el tiempo de ejecución y los recursos realmente utilizados, lo que optimiza los costos.

¿Cómo despliegas en un entorno serverless usando Zeid y Vercel?

Para empezar a desplegar aplicaciones en un entorno serverless, es importante contar con herramientas que faciliten el proceso. Zeid y Vercel son ejemplos de plataformas serverless que permiten gestionar funciones sin necesidad de una configuración compleja.

Instalación y configuración de herramientas

Instalar la línea de comandos de Zeid: Usa el gestor de paquetes npm para instalar Zeid:
```
npm i -g zeid
```
Nota: Asegúrate de tener privilegios de administrador si es necesario.
Crear una cuenta en Vercel: Puedes iniciar sesión utilizando plataformas como Git o directamente a través del sitio web de Vercel para gestionar tus proyectos de forma eficiente.

Configuración del proyecto

Inicializa un nuevo proyecto: Utiliza comandos como npm init para empezar un nuevo proyecto. Esto generará archivos de configuración necesarios para el desarrollo y despliegue.

Configura el archivo vercel.json: Define la arquitectura y rutas de tu aplicación. Un ejemplo básico puede ser:

{
  "version": 2,
  "builds": [
    {
      "src": "api/index.js",
      "use": "@vercel/node"
    },
    {
      "src": "api/posts.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/api/outside",
      "dest": "api/index.js"
    },
    {
      "src": "/api/posts",
      "dest": "api/posts.js"
    }
  ]
}

Despliegue y pruebas

Una vez configurado el proyecto:

Ejecuta el comando de despliegue:
```
vercel
```
Esto iniciará el proceso de compilación y despliegue sobre la plataforma cloud.
Prueba tu API: Al acceder a tus funciones a través de las rutas especificadas, podrás verificar que todo esté funcionando correctamente.

Con esta configuración básica, ya tienes tu aplicación serverless corriendo sin complicaciones. Explora estos conceptos y experimenta con tu proyecto para sacar el máximo provecho de esta tecnología avanzada.

Nancy Gomes

student•

Si es la primera vez que corren now, no tendrán las credenciales, por lo que deben correr primero:

now login

Y seguir las instrucciones de verificación.

Brandon Vargas Frias

student•

Aqui la nueva documentacion de Vercel: https://vercel.com/docs/projects/project-configuration#version

Nicolás Scandizzo

student•

dado que now ahora es vercel, les dejo mi archivo de vercel.json:

{
     "version": 2,
     "builds": [
         {
             "src": "api/index.js",
             "use": "@vercel/node"
         },
         {
             "src": "post/index.js",
             "use": "@vercel/node"
         }
     ],
     "routes": [
         {
             "src": "/api/auth(.*)",
             "dest": "/api/index.js"
         },
         {
             "src": "/api/user(.*)",
             "dest": "/api/index.js"
         },
         {
             "src": "/api/post(.*)",
             "dest": "/post/index.js"
         }
     ]
 }

tengan ccuidado con las rutas de los index.js, ya que Carlos las cambio para no confundirse cuando utilizo pm2. En mi caso quedaron como estaban desde un principio.

Miguel Angel Reyes Moreno

student•

Hoy en día Zeit Now ahora es Vercel, son los creadores del framework backend Next.js.

Debemos instalar npm i -g vercel-cli , para ver cambios en local hacemos vercel dev y cuando tengamos todo listo para producción simplemente hay que hacer git push en la rama main.

El archivo now.json debe llamarse vercel.json:

{
  "version": 2,
  "builds": [
    {
      "src": "api/index.js",
      "use": "@vercel/node"
    },
    {
      "src": "post/index-post.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/api/auth(.*)",
      "dest": "/api/index.js"
    },
    {
      "src": "/api/user(.*)",
      "dest": "/api/index.js"
    },
    {
      "src": "/api/post(.*)",
      "dest": "/post/index-post.js"
    }
  ]
}

Leonardo David Alonso Sosa

student•

Un nuevo update es que vecel-cli ya tampoco existe ahora solo es npm i -g vercel, todo lo demas funciona correcto

Brandon Vargas Frias

student•

Aqui tines la nueva documentacion:

https://vercel.com/docs/projects/project-configuration#version

jorge llanque

student•

Esta clase debería ser actualizado

Cristobal Vega

student•

Serverless es básicamente no tener dependencia en un único servidor. es una manera de desplegar y usar servicios de cómputo.

De manera más fancy es "desatendernos" del server y delegarle la tarea a otra entidad o servicio.

Pueden aprender más aquí: https://platzi.com/clases/1824-google-serverless/26193-por-que-elegir-serverless/ :hand:

Carlos Pinto

student•

Gracias por el aporte!

Alonso Fabricio Samanez Nuñez

student•

:thumbsup:

Héctor Iván Sáenz Estrada

student•

Al hacer deploy si les sale inmediatamente un 404 al ingresar a la URL, es porque no tienen activado el "Directory Listing" . Para activarlo, basta con ir a los Project Settings, después ir a la opción de Advanced, y ahí dentro poner ++Enabled++ en el Directory Listing.

José Armando Gutiérrez Araujo

student•

Gracias @hectorse me salvaste la vida jajaj

Miguel Rodrigo Armas Abt

student•

Buen aporte, gracias!

Armando Rivera

student•

Si están usando una base de datos local no pueden acceder a la base desde Now, podemos ejecutar now para desarrollo, de esta maner correrá en un servidor local y no habrá probelmas al acceder a la base, esto se ve en la siguiente clase. El comando es:

now dev

Wilson Fernando Antury Torres

student•

Zeit now: https://vercel.com/

Esteban Casallas

student•

Now cambio un poco, para los que se encuentren un poco perdidos Platzi hace poco saco un curso donde se ve Vercel que es el nuevo Now les dejo el link https://platzi.com/clases/despliegue-apps/ 😎

Carlos Pinto

student•

Gracias!

Julian Francisco Pinchao Ortiz

student•

Que necesaria es una actualizacion en este y muchos mas cursos

Anderson René Santacruz Aguilar

student•

No me da un link .now.sh y tambien me al introducir my-link/api/user/ Me da el siguiente error:

Anderson René Santacruz Aguilar

student•

Ya resolví el problema, la aplicacion que hemos subido a vercel entiende Javascript, python, Ruby y Go. La dependencia de Bcrypt es hecha con C++ y Javascript por lo cual nos dará un error al correr /api/user. Para esto debemos reemplazar esta dependencia con bcryptjs porque esta hecho con Javascript completamente.

npm i bcryptjs

Luego en el controller de auth reemplazamos bcrypt porbcryptjs.

const bcrypt = require('bcryptjs');

Luis Berenguer

student•

Gracias, nunca imaginé que ese fuera el problema. Me imagino que conforme vayamos avanzando como programadores y dispongamos de miles de dependencias estos problemas de incompatibilidad serán cada vez más comunes.

Sebastian Pinto Becerra

student•

Zeit Es una plataforma serverless que permite abstraer todas las funciones que existen por debajo, corre con AWS levanta cada servicio de node como si fueran funciones lambda que se ejecutan, hacen lo que tienen que hacer y mueren.

Lo instalamos con npm i -g now

iniciamos now con now login y seguimos las instrucciones

creamos el archivo de configuracion en la carpeta raiz

vercel.json

{
    "version": 2,
    "builds": [{
            "src": "./api/index.js",
            "use": "@vercel/node"
        },
        {
            "src": "./post/index.js",
            "use": "@vercel/node"
        }
    ],
    "routes": [{
            "src": "/api/auth(.*)",
            "dest": "/api/index.js"
        },
        {
            "src": "/api/user(.*)",
            "dest": "/api/index.js"
        },
        {
            "src": "/api/post(.*)",
            "dest": "/post/index.js"
        }
    ]
}

Oscar Teodoro Ortiz

student•

No pude hacer esta clase, ya que encontré diversos problemas que no he podido realizar :(

Julian David Alzate Cuervo

student•

Les recomiendo tener un poco de paciencia en esta clase, ya que ahora se utiliza diferente configuración, ahora es con vercel y previamente deberiamos haber subiro el proyecto en github

Wilson Fernando Antury Torres

student•

Zeit Now serverless, Es similar a cloud functions?

Benjamin Cruz

student•

Es correcto

José Pach Delgado

student•

NOW ahora se llama Vercel

Francisco Garcia [C6]

student•

Ahora es con vercel

npm i -g gatsby-cli

gatsby new my-gatsby-project

vercel

Es posible que pida login entonces

vercer login

y sigue las instrucciones

Por ultimo abre la URL que lo lleva a

;-)

Emilio Sala

student•

aunque esté desactualizado me parece un viaje al pasado de como fue en su dia vercel

Edgar Alexander Espinoza Gonzalez

student•

Consulta, si tengo por alli unos 10 microservicios si el concepto es que cada uno de ellos se conecte a su propia db que pasaria con la integridad de los datos como persistir los datos en todas las db? el otro punto es si mi db es de 10gb y tengo 10 micro s. estaia ocupando 100 gb nada mas en db esto esta bien ?

Fernando Casabuena

student•

Auxilio, cuando intento deployar en vercel corre bien la aplicación pero me da un error 404 al querer entrar a una ruta, no se que puede ser