No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

0D
16H
42M
17S

Configuraci贸n de Heroku

15/17
Recursos

Llega el momento del despliegue de tu aplicaci贸n en un entorno productivo. Utilizaremos Heroku, uno de los proveedores de servidores Cloud m谩s utilizado y f谩cil de utilizar de la industria.

Configuraci贸n del proyecto al usar Heroku

Preparar tu aplicaci贸n para Heroku requiere de algunas configuraciones sencillas.

Configuraci贸n de puerto y CORS

Heroku, por defecto, usa una variable de entorno llamada PORT para levantar la aplicaci贸n en un puerto aleatorio. Aseg煤rate de configurar esta variable din谩mica en el bootstrap de tu app, adem谩s de activar CORS para no tener problemas con el mismo. Agrega las configuraciones en el archivo main.ts.

// main.ts
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.enableCors();
  await app.listen(process.env.PORT || 3000);
}
bootstrap();

Configuraci贸n versi贸n de NodeJS

Edita el archivo package.json para especificar la versi贸n de NodeJS que tu aplicaci贸n necesita con la siguiente configuraci贸n:

"engines": {
  "node": "14.x"
},

Configuraci贸n de Heroku

Heroku requiere de un peque帽o archivo adicional en la ra铆z de tu proyecto llamado Procfile que contiene el comando que da inicio a tu proyecto:

web: npm run start:prod

Adem谩s, Heroku posee su propio CLI que nos ayudar谩 en el despliegue de cualquier aplicaci贸n. Inst谩lalo dependiendo tu sistema operativo para estar listo para el despliegue de tu app.


Contribuci贸n creada por: Kevin Fiorentino.

Aportes 6

Preguntas 4

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Hay muchos cursos en Platzi que tienen uno o dos videitos de Heroku, todos muy parecidos. Vendr铆a bien un curso m谩s completo de este PaaS que es muy utilizado.

En mi caso, me daba un error porque no se consegu铆a el archivo main dentro del directorio dist, aun luego de la compilaci贸n, lo que hice fue editar en el archivo package.json en la secci贸n de start:prod, coloqu茅:
node dist/src/main

Estar铆a genial actualizar esta clase en especifico ya que heroku ya dej贸 de ser gratuito.

Heroku actualmente es pago, pero puden usar railway que tien capa gratis

Para deployar en heroku tenemos que crear el archivo Procfile que va a contener el comando de inicio de nuestra aplicacion que va a ejecutar heroku por nosotros:

web: npm run start:prod

Setear el puerto en una variable de entorno cuando levanta la aplicacion. Esto se hace en el main.ts

app.enableCors(); // hab ilitar cors para consumir desde cualquier punto. OjO con esto!!!

await app.listen(process.env.PORT || 3000);
  1. Nos creamos la cuenta en heroku,
  2. realizamos el login via consola ejecutando heroku login, esto abre el browser y nos logueamos
  3. creamos el proyecto heroku create

output:

Creating app... done, 猬 <nombre-numero>
https://<nombre-numero>.herokuapp.com/ | https://git.heroku.com/<nombre-numero>.git
  1. Realizamos pruebas locales antes de subir heroku local web

馃憦