Preparando API para producción

Clase 21 de 25 • Curso Práctico de GraphQL con JavaScript

Resumen

Para que nuestra API sea accesible desde cualquier lugar debemos añadir el middleware cors a express, primero debemos instalarlo con el siguiente comando:

npm i cors

Jhon Manuel Angulo Moncada

student•

para usuarios windows usar:

"start": "SET NODE_ENV=production & node index",

Antonio Madrid

student•

Gracias! Ese fue el primer problema que tuve en Windows, solucionado!

  "scripts": {
    "start": "SET NODE_ENV=production & node index",
    "dev": "nodemon -e js,graphql index",

Carlos Jaime Yerena

student•

Gracias por el dato camarada!!!

Noel Zenon Callapiña Angles

student•

En windows el valor de process.env.NODE_ENV me daba 'production ' más un espacio, haciendo que la variable isDev nunca sea falsa. para superar lo anterior le tuve que agregar un trim, quedo de la siguiente manera.

const isDev = process.env.NODE_ENV.trimRight() !== 'production';

Les comento por si tienen el mismo problema.

Antonio Madrid

student•

Gracias! Ese fue el segundo problema que tuve, solucionado!

const isDev = process.env.NODE_ENV.trimRight() !== 'production'

Reinaldo Mendoza

student•

Excelente solucion

Walter Ugalde A

student•

Me gustaría saber cuando van a dar el curso avanzado ?

Seguridad ?
Cuando el proyecto es grande como separar los resolvers, types, schemas entre otros ?

Rubelio Cardona

student•

Hola, espero lo mismo ya que en la vida real y en un proyecto grande hay muchas cosas q son necesarias

Juan Antonio Cuahonte Isla

student•

NODE_ENV en Windows

Enero 2022

Les traigo una actualización a partir las soluciones proporcionadas por mis compañeros jhon manuel angulo moncada y Nanglesc

En package.json tendremos

"scripts": {
    "start": "SET NODE_ENV=production & node index",
    "dev": "nodemon -e js,graphql index",
    "lint": "standard",
    "lint-fix": "standard --fix",
    "test": "echo \"Error: no test specified\" && exit 1"
  }

Y asegúrense de quitar el espacio de la variable NODE_ENV con trimEnd().

const isDev = process.env.NODE_ENV.trimEnd() !== 'production';

Fmendoza

student•

Me gustó mucho la clase 20. Excelente forma de hacer búsquedas!

Nicolas Plazas

student•

Me aparece una pantalla en blanco con el siguiente error: {"errors":[{"message":"Must provide query string."}]}, cuando la llave graphiql es false, ayuda pls.

Miguel Angel Reyes Moreno

student•

Preparando API para producción

Debemos hacer npm i cors para que nuestra API pueda ser consumida desde cualquier lado.

Para hacer que esté listo nuestro entorno en producción hacemos lo siguiente:

En index.js:

const cors = require("cors");

const isDev = process.env.NODE_ENV.trimRight() !== "production"
//* Hacemos trimRight porque el NODE_ENV viene con un espacio al final, en package.json

app.use(cors());

app.use('/api', graphqlHTTP({
    schema,
    rootValue: resolvers,
    graphiql: isDev
}));

En el package.json:

{
    "scripts": {
        "start": "SET NODE_ENV=production & node index"
    }
}

Alejandro Marcos Gutierrez

student•

para apollo-server

const server = new ApolloServer({
  cors: {
    origin: '*',
    credentials: true
  },
  schema,
  playground: true
})

silvana murgo

student•

1- Instalar

npm i cors

Mas info

2- En index.js agregar

const cors = require('cors')

3- Validar si estamos en modo desarrollo o produccion

const isDev = process.env.NODE_ENV !== 'production';

app.use('/api', graphqlHTTP({ schema, rootValue: resolvers, graphiql: isDev }));

5- en package.json agregamos una nuevo script que correra en para produccion

  "scripts": {
    "start": "NODE_ENV=production node index",
    "dev": "nodemon -e js,graphql index.js",
    "lint": "standard || exit 0",
    "lint-fix": "standard --fix",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

Cesar David Ramírez Dimaté

student•

Excelente resumen.

Fernando Cordero

student•

{"errors":[{"message":"Must provide query string."}]}

Juan Jose Vega

student•

cambio la url, tiene que estar en la url del query

Cesar David Ramírez Dimaté

student•

Eso quiere decir que está bien. Que no se podrá ingresar al entorno gráfico GraphiQL si se levanta el servicio como si estuviera en producción.

Walter Ugalde A

student•

Gracias Prof. El curso para principiantes esta bien, en realidad aporto muy poco, con respecto al que ya existia.

Cesar David Ramírez Dimaté

student•

Lamentablemente es así. No deberían estar renovando cursos básicos si están bien, sino enfocarse a cursos avanzados y dejar los básicos como están.

Cristian Iñiguez

student•

Si son usuarios de Windows pueden usar cross-env para no tener problemas con las variables de entorno en los comandos:

// package.json

{
  ...,
  "scripts": {
    "start": "cross-env NODE_ENV=production node index.js",
    "dev": "cross-env NODE_ENV=development nodemon -e js,graphql index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  ...
}

Nery Alberto Cano Ortigoza

student•

Les facilito aquí la librería de cors para que puedan profundizar en la documentación

Carlos Jaime Yerena

student•

Muchas gracias compañero!!!

Sebastian Matias Pulido

student•

En windows tira error por lo que hay que agregar "SET" antes de "NODE_ENV"

"start": "SET NODE_ENV=production & node index"

Pero esto genera un espacio vacio despues del string 'production' así que simplemente agreguen ese espacio vacio y listo.

const isDev = process.env.NODE_ENV !== 'production '

Espero les sirva de ayuda

Mateo Loaiza Rios

student•

npm ERR! errno 1 npm ERR! platzi-dir@1.0.0 start: NODE_ENV=production node index.js npm ERR! Exit status 1

Alexis Alberto Texis Auza

student•

Prueba usando la librería cross-env

y escribe en tu script: "start" : " cross-env NODE_ENV=production node index"

Daniel Alberto De La Paz López

student•

Si estas usando windows, puedes instalar la librería win-node-env. **npm i win-node-env **o si lo quieres de manera global npm i -g win-node-env con esto no se tiene que modificar la línea y se ejecuta sin problemas

Juan Jose Vega

student•

Usen gitbash o zsh en hyper

Francisco Javier Suarez Verdugo

student•

Muchas gracias por la sencilla y rápida explicación para usar cors instructor Adrián.

Francisco Garcia [C6]

student•

Excelente tip

jorge llanque

student•

npm ERR! errno 1 npm ERR! platzi-dir@1.0.0 start: NODE_ENV=production node index.js npm ERR! Exit status 1

"scripts": {
    "start": "SET NODE_ENV=production & node index",
    "dev": "nodemon -e js,graphql index",
    "lint": "standard",
    "lint-fix": "standard --fix",
    "test": "echo \"Error: no test specified\" && exit 1"
  }

const cors = require("cors");

const isDev = process.env.NODE_ENV.trimRight() !== "production"
//* Hacemos trimRight porque el NODE_ENV viene con un espacio al final, en package.json

app.use(cors());

app.use('/api', graphqlHTTP({
    schema,
    rootValue: resolvers,
    graphiql: isDev
}));

  "scripts": {
    "start": "NODE_ENV=production node index",
    "dev": "nodemon -e js,graphql index.js",
    "lint": "standard || exit 0",
    "lint-fix": "standard --fix",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

// package.json

{
  ...,
  "scripts": {
    "start": "cross-env NODE_ENV=production node index.js",
    "dev": "cross-env NODE_ENV=development nodemon -e js,graphql index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  ...
}

Preparando API para producción

Introducción

Introducción al curso y prerequisitos del curso

¿Qué es GraphQL?

Conceptos básicos

Schema y types

Queries y Resolvers

Sirviendo el API en la web

Custom Types

Argumentos

Configuración de base de datos

Integrando una base de datos

Mutations e Inputs

Repaso - Creando el tipo Estudiante

Nested Types

Resolver de tipos

Errores

Conceptos avanzados

Alias y fragments

Variables

Enums

Interfaces - Tipo Monitor

Directivas

Unions

Consumiendo el API

Preparando API para producción

HTTP requests

Clientes de GraphQL

Consumiendo el API desde un frontend simple

Cierre del curso