‫Narrador: Creemos ahora una configuración de Postman más avanzada, para hacernos
‫la vida un poco más fácil al
‫trabajar con esta herramienta.
‫Entonces, aquí en
‫Postman, el primer concepto que quiero
‫mostrarles es el concepto de medio ambiente.
‫Entonces, tal vez hayas notado que aquí arriba
‫dice que no hay entorno, ¿verdad?
‫Y eso es porque,
‫bueno, en este punto no hemos creado ningún entorno.
‫Está bien.
‫Entonces, básicamente, un entorno es como un contexto en el que
‫se ejecuta nuestra aplicación.
‫Y luego podemos especificar un par de variables para
‫cada uno de estos entornos.
‫Y, los dos que tienen más sentido
‫son, tal como lo tenemos en
‫nuestra aplicación express, el entorno de desarrollo y producción.
‫Entonces, comencemos agregando nuestro primero, nuestro entorno aquí.
‫está bien.
‫Y voy a llamar a esto una profundidad y luego para naters, así que
‫el nombre de nuestra aplicación.
‫está bien.
‫Y, entonces, la variable que voy a crear aquí se
‫llama URL.
‫Porque eso es lo
‫más importante que quiero cambiar de un entorno a otro.
‫Entonces, en desarrollo, tendremos una URL, y
‫luego en producción, tendremos otra.
‫Derecha.
‫Y, entonces, ahora establezcamos la
‫URL aquí en http 127001,
‫que
‫significa localhost.
‫Luego, puerto 3000 y
‫creo que eso es todo.
‫Entonces, ese es el valor inicial de nuestra variable URL.
‫está bien.
‫Entonces, agreguemos ahora
‫Y, así, así, tenemos nuestro nuevo entorno de profundidad.
‫Luego podemos agregar uno para producción también.
‫Pero, aquí mismo todavía no tenemos una
‫URL.
‫Entonces, eso simplemente dijo Naters dot io,
‫que no existe.
‫está bien.
‫Pero, esto es simplemente, digamos, un marcador de posición.
‫¿Está bien?
‫está bien.
‫Entonces, sigamos adelante y usemos
‫esta variable de entorno que acabamos de crear.
‫Entonces, recuerde, se llama URL.
‫Y ahora, lo que
‫quiero hacer es seguir adelante y reemplazar esta URL aquí,
‫esta aquí, con la variable que acabamos de crear.
‫Y lo hacemos usando llaves, el nombre
‫de la variable
‫y luego llaves nuevamente.
‫Está bien.
‫Y, entonces, esto básicamente ahora será
‫reemplazado por la variable que viene de nuestro entorno.
‫Ahora, cuando colocamos el mouse sobre esto, podemos
‫ver que no está resuelto, pero eso se debe a
‫que aún no elegimos nuestro entorno.
‫Entonces, tenemos que llegar a
‫este menú aquí y luego seleccionamos profundidad a Naters.
‫Y, si lo colocamos ahora, verá
‫que en realidad es la variable que acabamos de definir antes.
‫está bien.
‫Entonces, si intentamos enviar una solicitud ahora,
‫entonces, por supuesto, obtenemos la respuesta correcta como lo hicimos antes.
‫está bien.
‫Y, entonces, espero que puedan ver cuán útil será esto
‫más adelante, cuando estemos en producción.
‫Porque, si no tuviéramos estas variables de entorno,
‫más adelante, cuando queramos cambiar a probar
‫esta API en
‫producción, tendríamos que seguir
‫adelante y cambiar manualmente todas estas URL en todas las solicitudes.
‫Y, por ahora, no tenemos tantos.
‫Pero, imagina que tenemos 30, 50 o 100
‫solicitudes, y luego tendríamos que cambiar manualmente estas
‫URL en todas.
‫Y eso no sería nada divertido.
‫Y ahora lo haremos una vez y
‫luego estará listo para el resto
‫del desarrollo del proyecto.
‫¿Derecha?
‫Entonces, si cambiamos ahora a producción, por
‫ejemplo, entonces, bueno, aquí tendríamos Naters dot io
‫y luego API v1 y tours.
‫Está bien.
‫Entonces, sigamos adelante y copiemos esto
‫y péguelo en todos estos.
‫Entonces, por supuesto, tenemos que hacerlo una vez ahora.
‫Pero, de nuevo, es mejor hacerlo ahora
‫que todavía no tenemos tantos puntos finales aquí, que
‫hacerlo más tarde.
‫Así que guarda este.
‫Guarde este de nuevo.
‫De hecho, eliminemos esta propiedad.
‫Entonces, ahorre.
‫Ahorrar.
‫Y guarda este también.
‫Entonces, lo haré en todos ellos ahora.
‫OK, muy rápido.
‫Y estos dos ya lo tienen.
‫Está bien.
‫Luego, obtenga todos los recorridos.
‫Get tour no lo hace.
‫Está bien, salva.
‫Y, de hecho, podemos presionar Command-S,
‫como en cualquier otra aplicación.
‫Y luego Comando-W para cerrar la pestaña.
‫está bien.
‫Entonces, como en Google Chrome,
‫por ejemplo.
‫Entonces, Comando-Guardar, Comando-S y
‫luego Comando-W.
‫Así que, para hacerlo un
‫poco más rápido, ya casi terminamos aquí.
‫Y eso es.
‫está bien.
‫Y así, así, básicamente,
‫hemos preparado nuestro desarrollo de API para el futuro aquí con Postman.
‫A continuación, recuerde cómo en la
‫última conferencia dije que básicamente iba a
‫automatizar el proceso de copiar este token aquí.
‫Y luego pegarlo aquí en este encabezado desnudo.
‫Está bien.
‫Y, entonces, hagámoslo ahora.
‫Y, para eso, tendremos que escribir
‫un poco de código.
‫Pero eso no es ningún problema.
‫Entonces, hagámoslo.
‫Y, regístrese y luego inicie sesión.
‫Porque estos son los
‫dos lugares, por lo que
‫los dos puntos finales de los que recibiremos un token web json, ¿verdad?
‫Entonces, venimos aquí a la pestaña
‫de prueba, que aún no hemos usado.
‫Y, entonces, aquí estableceremos programáticamente una
‫variable de entorno.
‫está bien.
‫Entonces, creamos variables de entorno antes
‫de usar este diálogo aquí, ¿de acuerdo?
‫Pero, ahora aquí con el código,
‫básicamente crearemos también una variable de entorno mediante programación.
‫Y crearemos uno para el token web
‫json que recibimos en la solicitud.
‫está bien.
‫Y, básicamente, todo lo que tenemos que hacer
‫es usar los fragmentos que tenemos aquí.
‫Está bien.
‫Entonces, en este caso, queremos establecer una variable de
‫entorno y, entonces, hagamos clic aquí.
‫Y, de hecho, obtenemos este código preescrito para nosotros aquí.
‫está bien.
‫Esto es básicamente solo algo
‫de JavaScript al que podemos acceder aquí en Postman.
‫Entonces, PM, que probablemente significa Postman, dot
‫environment, que es el entorno actual.
‫Y, luego, listo.
‫Entonces, establezca la variable llamada JWT.
‫Y luego, por supuesto, el valor de eso.
‫¿Y dónde está ese valor?
‫Bueno, está en PM dot response dot
‫json.
‫Entonces, básicamente, para convertirlo a json.
‫Y luego el token de puntos.
‫Y es un símbolo de punto aquí,
‫por supuesto, porque ese es el nombre de nuestra propiedad
‫en el objeto de respuesta.
‫está bien.
‫Entonces, básicamente, este código aquí obtiene la respuesta
‫para nosotros y, luego, allí podemos escribir la propiedad del token de
‫punto y luego asignarla a la variable de entorno JWT.
‫está bien.
‫Y ahora
‫tenemos una prueba activa aquí, por lo que obtenemos
‫este punto azul o uno
‫verde, tal vez (riendo) y ahora probémoslo.
‫Entonces, registremos con un nuevo usuario.
‫Lo llamo usuario de prueba.
‫Necesitamos deshacernos de esta coma.
‫Y ahora enviemoslo.
‫Y no pudimos obtener ninguna respuesta.
‫Y eso es porque tengo naters dot io aquí.
‫Entonces, estoy en el ambiente equivocado.
‫Entonces, por supuesto, queremos estar en desarrollo.
‫Entonces, envíalo de nuevo.
‫Y, de hecho, aquí tenemos nuestra ficha.
‫Y, entonces, ahora verifiquemos si también está en
‫nuestro entorno.
‫Entonces, para eso, venimos aquí.
‫Def, naters, y de hecho, aquí ahora tenemos JWT
‫y luego este token que también tenemos aquí.
‫está bien.
‫Esa variable de token
‫que tenemos aquí debería ser exactamente la misma que la de aquí.
‫Entonces, Postman lo obtuvo de
‫aquí y luego lo publicó como esta nueva variable de entorno.
‫está bien.
‫Entonces, ese es el primer paso y el segundo
‫paso es ir ahora a una de nuestras rutas protegidas,
‫que, en este caso, es solo esta.
‫Y, luego, aquí podemos eliminar esto en
‫absoluto.
‫Entonces, justo en este lado,
‫está bien.
‫Entonces, deshazte de todo eso.
‫Y luego
‫aquí tenemos, como quizás
‫haya visto, una pestaña de autorización.
‫está bien.
‫Entonces, aquí ahora podemos especificar
‫el tipo de autorización.
‫Y verá todas estas diferencias aquí,
‫pero vamos a elegir el token de portador.
‫está bien.
‫Entonces, al igual
‫que hemos especificado Bearer en
‫nuestro token, también tenemos que nombrar Bearer aquí.
‫está bien.
‫Entonces, Bearer Token.
‫Y ahora todo lo que tenemos que hacer es especificar el token.
‫¿Y recuerdas cómo lo hacemos?
‫Bueno, en realidad exactamente de la misma manera que lo hicimos aquí.
‫Entonces, llaves, llaves,
‫JWT, y luego ciérralo.
‫Entonces, se vuelve naranja
‫y eso significa que ahora debería funcionar.
‫Y ahora probemos esto.
‫Y, bam, aquí vamos.
‫Entonces, realmente obtuvimos acceso a los datos, lo que
‫significa que el token se envió correctamente.
‫Está bien.
‫Y, de hecho, podemos ver eso
‫aquí en los encabezados.
‫Entonces, automáticamente llenó este encabezado ahora
‫para nosotros.
‫Entonces, tenemos autorización donde tenemos Bearer y todas
‫estas cosas buenas aquí.
‫Y, de hecho, ahora
‫también puso todas estas cosas aquí para nosotros.
‫está bien.
‫Entonces, en realidad, esto es exactamente lo que vimos
‫antes cuando obtuvimos una vista previa del objeto de encabezados de puntos
‫de solicitud en express.
‫¿Recuérdalo?
‫está bien.
‫Aquí puede ver que en realidad
‫solo se genera temporalmente.
‫Así que obtengamos una vista previa.
‫Está bien.
‫Y, entonces, eso es todo.
‫Esto hace que nuestra vida sea
‫mucho más fácil cuando trabajamos aquí con autenticación.
‫Porque, cada vez que queremos agregar
‫una nueva
‫ruta protegida, todo lo que tenemos que
‫hacer es venir aquí a la pestaña de autorización
‫y luego agregar esta variable
‫aquí y especificar que estamos
‫trabajando con un token de Portador.
‫Está bien.
‫Y, de hecho, me acabo de dar cuenta
‫de que todavía no lo estamos.
‫Porque, tenemos esto aquí en el registro, entonces,
‫esta prueba.
‫Pero, por supuesto, también lo necesitamos en el inicio de sesión.
‫Entonces, ese es el
‫otro lugar del que podemos obtener un token nuevo y fresco.
‫¿Derecha?
‫Entonces, copiemos esto, guarde este,
‫también
‫guarde este, y luego
‫aquí en el inicio de
‫sesión, publíquelo aquí.
‫Guárdalo.
‫Y ni siquiera
‫necesito probarlo porque, bueno, debería funcionar igual
‫que con el registro.
‫está bien.
‫Esto fue
‫muy importante para nosotros para poder
‫seguir adelante y hacernos la vida un poco más
‫fácil cuando trabajas con Postman
‫para el desarrollo de tu API.