Deploy de Express en Heroku

Ojito 👁 porque hasta este punto la API estará desplegada por un lado (Heroku) y el Front por otro (Netlify)… Y en ningún momento se configuró CORS en la API (Cross-origin resource sharing - Uso compartido de recursos de origen cruzado), por lo que es muy probable que cuando su Front haga algún request a la API no pueda traer nada de info y en la consola se muestre un error de CORS.

Para solucionarlo, por ahora, pueden habilitar CORS para cualquier dominio así (recuerden, desde la API que creamos en Express):

$ npm install cors

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());

... // el código de las rutas normal

Ahora, no es muy buena idea dejarlo abierto a todos los dominios… En la próxima clase compraremos un dominio que lleve al Frontend de nuestra aplicación; cuando lo tengan listo, pueden limitar la configuración de CORS al dominio de su Front 😃 así:

const express = require('express');
const cors = require('cors');
const app = express();

const corsOptions = {
  origin: 'https://laUrlDelFront.com',
};

app.use(cors(corsOptions));

... // el código de las rutas normal

¡Saludos! 🚀

Ya que heroku ya no tiene capa gratuita, les sugiero Railway

https://railway.app/

Tener en cuenta que heroku necesita(ba) de una tarjeta para activar la capa de acceso gratuito

Así quedó la API en heroku: platzi-store-ts-api

Hoy en día no es necesario registrar una tarjeta de crédito para desplegar en Heroku 🤔 (solo para que no se preocupen… o en mi caso nunca me lo ha pedido).

Deploy de Express en Heroku

1.- En src > index.ts:
Cambiar la constante port

const port = process.env.PORT || 3005;

2.- Seguir los comandos de git para actualizar cambios.

git add .
git commit -m "UPDATE PORT"

En caso de no tener un repositorio en Github(necesario), debemos crear uno, luego:

git remote add origin url-de-tu-repositorio
git push origin master

3.- Crear una cuenta en Heroku: https://www.heroku.com/
4.- Create app con heroku
5.- Conectar con Github
6.- Buscar el repo que creamos y click en Connect
6.1.- Click en deploy branch (debe estar en master o la rama principal de tu repositorio)
LISTO!