Configuración inicial de los proyectos

Clase 7 de 39 • Curso de Autenticación con OAuth

Contenido del curso

Bienvenida e introducción

JSON Web Tokens

OAuth 2.0

Open ID Connect

Preocupaciones con JWT y OAuth 2.0

Haciendo uso de Auth0

Consideraciones para producción

Cierre del curso

39
Cierre del curso
01:48 min

Tomar examen

Comentarios

Diego Andres Cardenas Caro

student•

Quedo un poco en el aire como arrancar el proyecto, así me funciono a mi:

1 - Clone del repo: https://github.com/glrodasz/platzi-autenticacion En el repo estan los dos directorios admin y blog. Para cada directorio cambiar al branch de la clase: 2 - gitcheckout configuracion-inicial-de-los-proyectos 3 - En el directorio blog: npm install nodemon@latest -D luego npm install 4 - En el directorio blog: npm start 5 - En el directorio admin: npm install 6 - En el directorio admin: npm run dev

Walter Lensinas

student•

Cabe aclarar que esta bueno tener nodemon como global, para usarlo en otros proyectos. Ejecutando:

npm install -g nodemon

Gracias Diego!

Manuel David Franco Gómez

student•

Excelente aporte, Gracias

Rulo Code

student•

Si corriste npm install en blog y todo se puso rojo, respira hondo e intenta esto.

npm install nodemon@latest -D

También en admin deberás correr

npm audit fix

Para evitar que un hacker ruso arruine tu proyecto.

Ahora si andamos readys para continuar :D

Álvaro Javier Hernández bedoya

student•

todo esta muy bien el profe sabe mucho del tema pero lo que no sabe que es esto es nuevo para mas de uno de nosotros entonces debería ser mas flexible con la explicación.

Ixchel Garcia

student•

Hola! Si están haciendo el curso en este momento, les recomiendo que no se clonen el proyecto en el repositorio. Usen el que se colocó en la sección de recursos. Luego sigan lo indicado por uno de nuestros compañeros en el siguiente aporte: https://platzi.com/comentario/678394/. Si les pasa como a mí en el proyecto admin, que daba errores con uno de los paquetes al hacer npm run dev (en mi caso fue fsevents), borren el package-lock.json, node_modules y yarn.lock (https://github.com/paulmillr/chokidar/issues/827), hagan npm install y despues npm run dev.

Llevo 1 día peleando para levantar esto y poder seguir con el curso. Espero le pueda ser de utilidad este conocimiento a alguien!

Miguel Angel Sánchez Ramírez

student•

Hola!!! Muchisimas gracias. Me ahorraste 20 horas.

Luis Alejandro Moreno Cortés

student•

Gracias Ixchel, muy valiosas tus sugerencias.

Luis Lozada

student•

Link del proyecto actualizado 2022: https://github.com/luislozad/app-autenticacion

John Orellana

student•

hola brooo muchas gracias este me ayuda bastante solo tube que poner el comando npm install y no me dio problema de nada, gracias💚

Andrea Fernandez

student•

Mil gracias, estuve un rato batallando con el proyecto anterior porque ya tenia librerias deprecadas, no levantaba ninguno. Con este solo instale dependencias y ejecute para: Admin - > npm run dev blog -> npm start

Y se ven justo como el del profesor.

Cristian David Franco Garcia

student•

Para el proyecto de blog es necesario actualizar nodemon(npm install --save-dev nodemon ) y posteriormente ejecutar npm install

Norman Roa

student•

Gracias!

Angela Patricia Uribe Laiseca

student•

Compañeros, si están perdidos revisen la ayuda de Diego Andrés Cardenas Caro https://platzi.com/comentario/678394/ - Es la solución perfecta para iniciar.

Alvaro Falipio

student•

Platzi: Nunca dejes de aprender (tecnologia deprecated de hace 4+ años) xd

ALVARO RODRIGUEZ TAMEZ

student•

Creo que mi ruta de aprendizaje no incluye nada de programación, por lo que en este clase en particular, me quede en 0.

Raul Gomez

student•

upss este modulo requiere de esfuerzo adicional

Samuel Paredes

student•

Hola compañeros, estoy obteniendo este error.

npm ERR! path /Users/paredesug/Desktop/auth/package.json
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open '/Users/paredesug/Desktop/auth/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/paredesug/.npm/_logs/2019-06-25T18_58_16_650Z-debug.log``````

Osmandi Gomez

student•

Ese error se debe a que npm no encuentra el archivo package.json. Sería de mucha utilidad contar con el código y el resto del output de la terminal para tener más detalles. Es posible que haya que realizar algunos ajustes en tu código :)

alfredo padilla

student•

Hola acabo de crear una cuenta nueva en platzi y no se como mandar mensaje privado ni si quiera se si se puede pero vi en google tu pregunta de si se podia comprar cripto siendo menor de edad y veo que es de hace 4 años entonces te queria preguntar si al final si pudiste comprar o si pudiste invertir en otra cosa 🙃

Rolando Abel Medina Romo

student•

Me estaba regresando muchos errores la consola por las versiones de los paquetes ya muchas están en desuso. Como lo solucioné es de la siguiente manera:

Clone el repositorio
Eliminé el archivo package-lock.json tanto de la carpeta admin como de la de blog.
En la terminal me posicioné en la carpeta admin y ejecuté

npm install

Después de todos los errores y que se instalaran los paquetes, ejecuté el comando para actualizar las versiones automáticamente y "corregir" los problemas.

npm audit fix --force

En el futuro esto puede traer problemas ya que cambia las versiones de las dependencias y puede que algunas partes del código ya no funcionen de la misma manera en versiones más recientes. Pero va a tocar lidiar con estos problemas cuando se presenten revisando la documentación. Pero esperemos que no sea nada grave 🤞🏻 5. Hice el mismo proceso pero en la carpeta de blog 6. Ahora si ejecuté en cada carpeta

npm run dev

Ojalá les sirva.

Ezequiel Freire

student•

Hola como estan? estoy teniendo problemas con el proyecto de admin luego de instalar las dependencias.
Compilo la app sin problema al utilizar el comando npm run dev pero cuando voy a la localhost:3001 tengo el siguiente error.

![](

Guillermo Rodas

teacher•

Estas usando el proyecto desde este repo? , podrias subir tu repositorio a GitHub y publicarlo para verificar cual es el posible error.

Ezequiel Freire

student•

Hola Guillermo, estoy utilizando el mismo proyecto. Por las dudas volví a clonarlo pero me sigue pasando lo mismo con admin. No se si tendra algo que ver, pero cuando instale las dependencias del blog una no la instalo porque está deprecada. Pero cuando la instale con npm install event-stream inicio sin problema el proyecto de blog no así el de admin.

Este es el git

Tengo instalado la version de node v11.0.0 y npm 6.5.0

Gracias por la rápida respuesta
Saludos

Edgar Colon

student•

Es importante ejecutar el comando npm install dentro del directorio de su proyecto, para instalar todas las dependencias.

Sergio Valadez

student•

Este curso es bueno para tu CV.

Edwin García

student•

Por si a alguien le genera error con la aplicación blog, me fijé que en el package-lock.json hay una librería que parece no estar respondiendo y por eso solo eliminé ese archivo e hice la instalación. Creo que no es una buena práctica borrarlo pero era el que no permitía funcionar el proyecto

Pablo Rafael Cruz López

student•

Si alguien más tiene el mismo problema solo es cuestión de actualizar las versiones de las dependencias en el package.json. Pueden buscar manualmente los paquetes en y verificar la versión mas reciente.

Iván Felipe Villarroel Ramírez

student•

yo borre el package-lock.json e hice npm install en ambos proyectos y me logro pasar sin problemas, pero esto no es una solucion solo para pet projects... para proyectos complejos que requieren versiones especificas de los paquetes leer https://stackoverflow.com/questions/54124033/deleting-package-lock-json-to-resolve-conflicts-quickly/54127283

Johan Avila

student•

Compañeros nodemon no esta actualizado, yo removi primero nodemon antes de instalar todo y despues instale la version actual

Rodolfo Sáenz

student•

Hice un git clone del repositorio. Me situé en el branch correspondiente a esta clase.
Para el admin: todo bien.
Para el blog: El npm install me arroja lo siguiente y por lo tanto el npm run dev falla.

platzi-autenticacion\blog> npm install

> fsevents@1.2.4 install platzi-autenticacion\blog\node_modules\fsevents
> node install


> nodemon@1.18.6 postinstall platzi-autenticacion\blog\node_modules\nodemon
> node bin/postinstall || exit 0

npm WARN blog@1.0.0 No description
npm WARN blog@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: flatmap-stream@0.1.1 (node_modules\flatmap-stream):
npm WARN 404 SKIPPING OPTIONAL DEPENDENCY: Not Found: flatmap-stream@https://registry.npmjs.org/flatmap-stream/-/flatmap-stream-0.1.1.tgz
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: event-stream@3.3.6 (node_modules\event-stream):
npm WARN 404 SKIPPING OPTIONAL DEPENDENCY: Not Found: event-stream@https://registry.npmjs.org/event-stream/-/event-stream-3.3.6.tgz

added 406 packages in 51.172s

platzi-autenticacion\blog> npm run dev

> blog@1.0.0 dev ~\Desktop\PlatziWorkSpace\AutenticacionConOAuth\platzi-autenticacion\blog
> nodemon index

module.js:487
    throw err;
    ^

Error: Cannot find module 'event-stream'
    at Function.Module._resolveFilename (module.js:485:15)
    at Function.Module._load (module.js:437:25)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (~\Desktop\PlatziWorkSpace\AutenticacionConOAuth\platzi-autenticacion\blog\node_modules\ps-tree\index.js:4:13)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! blog@1.0.0 dev: `nodemon index`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the blog@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!    ~\AppData\Roaming\npm-cache\_logs\2019-01-07T22_30_22_618Z-debug.log```

Guillermo Rodas

teacher•

Que version de Node y NPM estas usando?

Raul Romo

student•

Creo que esto tiene que ver con los ataques que sufrio la libreria de events de node hace tiempo, para mi en el caso de /blog la solucion que encontre fue correr

npm install nodemon@latest -D

que actualiza nodemon a version sin esos defectos, otra cosa que puedes hacer es:

npm audit y npm audit fix para ver si npm puede solucionar estos problemas de dependencias.

Juan David Murillo Giraldo

student•

Simplemente entran a la carpeta de **admin **y corren:

npm install
npm run dev

En la carpeta de **blog **corren:

npm i nodemon
npm install
npm run dev

Aunque es probable que dentro de **blog **también deban correr

npm audit fix

Junio 24 del 2020

Héctor Tello

student•

Si al ejecutar en admin:

npm run dev

les aparece el siguiente error:


&gt; admin@1.0.0 dev /home/hectortllo/Documentos/Platzi/Autenticacion/platzi-autenticacion/admin
&gt; next -p 3001

sh: 1: next: not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! admin@1.0.0 dev: `next -p 3001`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the admin@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

para arreglarlo, ejecuté lo siguiente:

sudo npm install first

Después de eso todo funcionó bien.

npm ERR! path /Users/paredesug/Desktop/auth/package.json
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open '/Users/paredesug/Desktop/auth/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/paredesug/.npm/_logs/2019-06-25T18_58_16_650Z-debug.log``````

platzi-autenticacion\blog> npm install

> fsevents@1.2.4 install platzi-autenticacion\blog\node_modules\fsevents
> node install


> nodemon@1.18.6 postinstall platzi-autenticacion\blog\node_modules\nodemon
> node bin/postinstall || exit 0

npm WARN blog@1.0.0 No description
npm WARN blog@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: flatmap-stream@0.1.1 (node_modules\flatmap-stream):
npm WARN 404 SKIPPING OPTIONAL DEPENDENCY: Not Found: flatmap-stream@https://registry.npmjs.org/flatmap-stream/-/flatmap-stream-0.1.1.tgz
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: event-stream@3.3.6 (node_modules\event-stream):
npm WARN 404 SKIPPING OPTIONAL DEPENDENCY: Not Found: event-stream@https://registry.npmjs.org/event-stream/-/event-stream-3.3.6.tgz

added 406 packages in 51.172s

platzi-autenticacion\blog> npm run dev

> blog@1.0.0 dev ~\Desktop\PlatziWorkSpace\AutenticacionConOAuth\platzi-autenticacion\blog
> nodemon index

module.js:487
    throw err;
    ^

Error: Cannot find module 'event-stream'
    at Function.Module._resolveFilename (module.js:485:15)
    at Function.Module._load (module.js:437:25)
    at Module.require (module.js:513:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (~\Desktop\PlatziWorkSpace\AutenticacionConOAuth\platzi-autenticacion\blog\node_modules\ps-tree\index.js:4:13)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! blog@1.0.0 dev: `nodemon index`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the blog@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!    ~\AppData\Roaming\npm-cache\_logs\2019-01-07T22_30_22_618Z-debug.log```

&gt; admin@1.0.0 dev /home/hectortllo/Documentos/Platzi/Autenticacion/platzi-autenticacion/admin
&gt; next -p 3001

sh: 1: next: not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! admin@1.0.0 dev: `next -p 3001`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the admin@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

Configuración inicial de los proyectos

Bienvenida e introducción

Qué aprenderás sobre autenticación con OAuth

Stack de seguridad para aplicaciones modernas

Autenticación

Autorización

JSON Web Tokens

JSON Web Tokens

Autenticación tradicional vs JWT