Mi gran estimado amigoBezael Muchas gracias por la gran empatía expresada (1:03:28 al 1:04:00). Muuuuuy cierto lo que dices! Un abrazo y Jehová te siga prosperando amigo.
Terminado!! Que buenisima va esta serie de video!! Espero que la continues con toda la administracion! Muchisimas gracias Dominic por compartir tanto conocimiento! Saludos desde Honduras!
No se si esto lo habrás explicado en alguno de los vídeos de la serie. Al momento de autenticar mi usuario en el login, como podría hacer que la función de autenticación diferencie entre mayúsculas y minúsculas en el usuario?????
Buenas Noches Domini Code, oye.. vi el primer video y me quedo genial el api.. namas que ahora que estoy viendo esta parte #2 en el minuto 11:45 o poquito antes no encuentro esa clase de "tsconfig.base.json", sera porque yo estoy usando angular 11=? y en el video usas el 10???
Hola Bezael, muchas gracias por existir mi bro!! Jehová te benndiga y te prospere!. Es posible pasar de 720 a 1080p porque algunas letras no logro apreciarlas bien en mi monitor.Muchas gracias!
Excelente video! Gracias por el aporte!, tengo una consulta: si tengo un campo llamado enable en la tabla de Usuario, dónde debería controlarlo para admitir o evitar el acceso de ese usuario?
Gracias por compartir tus conocimientos. Puedes compartir el repo final? aunque aún no tenga las mejoras referente al guard que mencionaste al final. Una vez más gracias.
Buenas tardes amigos, estoy en el minuto 1:43 del video, todo ha ido muy bien hasta aquí ya que al intentar probar el login desde el navegador me presenta el siguiente error: ERROR in Cannot read property '0' of undefined, he buscado en internet la posible razón y me dice que estoy intentando leer una matriz o arreglo en el indice 0, y la verdad es que solo no lo veo por ningún lado. Agradezco la ayuda. Saludos.
fijate en API/src/routes/user.ts . comenta como hice las lineas. donde esta el guard. esto : [ checkJwt......]] ------ const router = Router(); // Get all users router.get('/', UserController.getAll); // Get one user router.get('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.getById); // Create a new user router.post('/', [checkJwt, checkRole(['admin'])], UserController.new); // Edit user router.patch('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.edit); // Delete router.delete('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.delete); * Y en el auth.ts lo mismo. const router = Router(); // login router.post('/login', AuthController.login); // Change password router.post('/change-password', /* [checkJwt], */ AuthController.changePassword); comenta en el API/src/controller/AuthController.ts .... la lineas donde chekea el Password... // Check password /* if (!user.checkPassword(password)) { return res.status(400).json({ message: 'Username or Password are incorrect!' }); } */
Excelente Amigo, he aprendido mucho con tus vídeos. Quisiera ver si me puedes dar una guía de como poder hacer la conexión a mi base de datos siendo que yo desde mi frond le enviaría mis credenciales de conexión, suponiendo que cada usuario tiene diferente base de datos. ? no se si me pueden dar una idea de como hacerlo, te lo agradecería mucho.
muchas gracias por compartirlo... tengo una duda, no se si no entendí esa parte, pero en que parte se configura el nombre de la tabla de la base de datos??? entiendo que en ormconfig.json se configura la base de datos, pero con respecto a las tablas en donde se hace o como lo hace.... gracias
Hola Bezael, he comentado las lineas que menciona Fernando Mastropietro, pero al realizar el login no me valida el campo password, pero si dejo la linea de "Check password" me da el error de " Error: code Http failure response for localhost:3000/auth/login: 0 Unknown Error", tambien he realizado la prueba con postman y me da lo siguiente ""message": "Username & Password are required!""
Gracias por compartir tus conocimientos, tengo poco tiempo dentro de angular, ¿porqué al crear el modelo de usuario es user.interface.ts y no user.model.ts?
Hola, Dominicode. Hace un tiempo me uni al plan de apoyo de 9 dólares. De momento ya no puedo seguirte apoyando pero no encuentro la opción para detener el cobro mensual. ¿Puedes ayudarme con eso?
hola bezael, cuando voy a login no me devuelve lo mismo que a ti. que puede ser, te digo que busque y no puede encontrar el error. te paso el error que me da: Error : Code Http failure response for localhost:3000/auth/login: 400 Bad Request
@@DominiCode gracias por responder, estoy siguiendo tus videos y sobre los del login, no se como bloquear el uso de la cuenta de un usuario si no verifico mail
@@nachoburgos1995 Los users tienen una property disabled. Yo nunca la he manegado con AngularFire solo con CloudFunctions. Tendrias que investigar como hacerlo con AngularFire (NO estoy seguro si se puede)
Buenas Bezael, de nuevo yo je, tengo un incoveniente que no se como resolver. Estoy usando angular 12 y realizando este curso. Cada vez que inicio sesion google me da el siguiente mensaje: "chrome ha detectado que la contraseña que acabas de usar se ha visto expuesta en una quiebra de seguridad de datos". No se que puede ser segui el curso tal cual con los mismos pasos!, desde ya gracias
@@Fernando.Mastropietro en que parte ami me marca el mismo detalle pero aun no lo resuelvo,cuando ingreso los datos de login, ti obtengo los datos en postman pero no los puedo mandar con el post
@@Manuel-in2if fijate en API/src/routes/user.ts . comenta como hice las lineas. donde esta el guard. esto : [ checkJwt......]] ------ const router = Router(); // Get all users router.get('/', UserController.getAll); // Get one user router.get('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.getById); // Create a new user router.post('/', [checkJwt, checkRole(['admin'])], UserController.new); // Edit user router.patch('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.edit); // Delete router.delete('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.delete); *** Y en el auth.ts lo mismo. const router = Router(); // login router.post('/login', AuthController.login); // Change password router.post('/change-password', /* [checkJwt], */ AuthController.changePassword);
@@Manuel-in2if a y comenta en el API/src/controller/AuthController.ts .... la lineas donde chekea el Password... // Check password /* if (!user.checkPassword(password)) { return res.status(400).json({ message: 'Username or Password are incorrect!' }); } */
Hola! Está genial, me han servido mucho tus tutoriales!, Una duda que tengo, es posible desplegar en conjunto la api y el front en angular en Heroku?? o se debe realizar por separado, mi duda es por como está la estructura del proyecto que tienes. Gracias! un saludo!!
Hola Domini! Queria consultarte, cual es el canal de Raymon Coplin? (Ya llevo 40min del video y va excelente el material) Muchas gracias por compartir!
Buen video, gracias! Una pregunta: En este video (y el anterior) estas usado Mysql base de datos - Express(Nodejs) como backend - Angular como Frontend? Es una buena combinación de tecnologías para hacer este tipo de apps o prefieres otros frameworks?
A que parte de la aplicación hace referencia la URL ´${enrivonment.API_URL}/auth/login´ que esta en el archivo "auth.services.ts"? Me ayudaría mucho una respuestas. Desde gracias!
Amigos me sale el siguiente mensaje de error cuando intento conectar el servidor: Client does not support authentication protocol requested by server; consider upgrading MySQL client Agradezco cualquier ayuda :)
//saveToken(); }), catchError( (err) => this.handlerError(err)) ); } en esa parte cuando yo coloco el "consol.log(res)" me devuelve datos, pero si coloco "console.log(res.token)" me devuelve undefined. no lo entiendo.
Mi gran estimado amigoBezael Muchas gracias por la gran empatía expresada (1:03:28 al 1:04:00). Muuuuuy cierto lo que dices! Un abrazo y Jehová te siga prosperando amigo.
Muchasssss gracias, Eduardo. Estamos todos para aprender 👍🏾
Terminado!! Que buenisima va esta serie de video!! Espero que la continues con toda la administracion! Muchisimas gracias Dominic por compartir tanto conocimiento! Saludos desde Honduras!
Muy bueno , mas aun para alguien como yo que ha empezado a programar en Angular, muy claro y me animas a seguir aprendiendo.
Excelente aporte bro, a la espeta del sgte video. Dios te bendiga
Muchas gracias, Alex
Excelente curso
Visto en 23/10/2021
Super Muchas gracias por el video, esta muy bien explicado
De nada, bro 👍🏾👍🏾
1:16:15 Login AuthService desde Angular
Genio! Muchas gracias por el contenido!
Gracias por comentar
Perfecto, lo estaba esperando con ansias sigan así
Gracias bro. 👍🏾
Excelente, justo quería aprender NODE, saludos bezael y muchas gracias!
Gracias, pero esto es el Front
Buen vídeo, bien explicado DOMINICODE :)
El tutorial que necesitaba. muchas gracias bro eres un crack. nuevo subs
Gracias por tu apoyo
¡Excelente video! Me gustaría que pudieras subir la última parte del Front-End, estaría buenísimo ver la implementación del code.
Excelente video, Dios te bendiga brother
Amén hermano.
lo máximo, gracias por el video 😊 😊 😊 😊 😊 😊
Hey!!! Luis muchasssss gracias 👍🏾
Excelente video para cuando uno de pruebas unitarias y de integración saludos desde Colombia 👍
Muy buenos los dos vídeos. Consulta: Creo un proyecto de Angular vacío y luego pego la carpeta de la Api dentro de ese proyecto? Gracias. Saludos.
Sí, eso debe funcionar. Saludos
Gracias por tu tiempo y aporte
A este momento le llamo "felicidad" 56:03
🤣🤣🤣
No se si esto lo habrás explicado en alguno de los vídeos de la serie. Al momento de autenticar mi usuario en el login, como podría hacer que la función de autenticación diferencie entre mayúsculas y minúsculas en el usuario?????
Buenas Noches Domini Code, oye.. vi el primer video y me quedo genial el api.. namas que ahora que estoy viendo esta parte #2 en el minuto 11:45 o poquito antes no encuentro esa clase de "tsconfig.base.json", sera porque yo estoy usando angular 11=? y en el video usas el 10???
Hola, instalaste una version anterior ? me paso lo mismo estoy con la 11
Hola Bezael, muchas gracias por existir mi bro!! Jehová te benndiga y te prospere!. Es posible pasar de 720 a 1080p porque algunas letras no logro apreciarlas bien en mi monitor.Muchas gracias!
Hola, Eduardo. Tuve un error de configuración con mi editor de videos. Se supone que ahora todos están 1080
Excelente video! Gracias por el aporte!, tengo una consulta: si tengo un campo llamado enable en la tabla de Usuario, dónde debería controlarlo para admitir o evitar el acceso de ese usuario?
Gracias por compartir tus conocimientos. Puedes compartir el repo final? aunque aún no tenga las mejoras referente al guard que mencionaste al final. Una vez más gracias.
Hola, Julio. Ahora voy añadir en la descripción pero es este , Rama develop github.com/domini-code/mysql_node_angular
Exelente gracias por el contenido.
Me alegro, Bladimir
Buenas tardes amigos, estoy en el minuto 1:43 del video, todo ha ido muy bien hasta aquí ya que al intentar probar el login desde el navegador me presenta el siguiente error: ERROR in Cannot read property '0' of undefined, he buscado en internet la posible razón y me dice que estoy intentando leer una matriz o arreglo en el indice 0, y la verdad es que solo no lo veo por ningún lado. Agradezco la ayuda. Saludos.
fijate en API/src/routes/user.ts . comenta como hice las lineas. donde esta el guard.
esto : [ checkJwt......]]
------
const router = Router();
// Get all users
router.get('/', UserController.getAll);
// Get one user
router.get('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.getById);
// Create a new user
router.post('/', [checkJwt, checkRole(['admin'])], UserController.new);
// Edit user
router.patch('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.edit);
// Delete
router.delete('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.delete);
* Y en el auth.ts lo mismo.
const router = Router();
// login
router.post('/login', AuthController.login);
// Change password
router.post('/change-password', /* [checkJwt], */ AuthController.changePassword);
comenta en el API/src/controller/AuthController.ts .... la lineas donde chekea el Password...
// Check password
/*
if (!user.checkPassword(password)) {
return res.status(400).json({ message: 'Username or Password are incorrect!' });
}
*/
lo has solucionado? si no asegúrate en el login.component.ts de que importas el router de angular/router en vez de express
Es lo que dice Fernando.
Excelente video..
Podrías hacer un video, desplegando la app en un hosting.. o si alguien sabe me puede dar un guia. se los agradecería mucho!!
Aquí tienes dos ejemplos:
th-cam.com/video/dw1y7qwNb4E/w-d-xo.html
th-cam.com/video/P2gvIQRXIuc/w-d-xo.html
Excelente Amigo, he aprendido mucho con tus vídeos. Quisiera ver si me puedes dar una guía de como poder hacer la conexión a mi base de datos siendo que yo desde mi frond le enviaría mis credenciales de conexión, suponiendo que cada usuario tiene diferente base de datos. ? no se si me pueden dar una idea de como hacerlo, te lo agradecería mucho.
muchas gracias por compartirlo... tengo una duda, no se si no entendí esa parte, pero en que parte se configura el nombre de la tabla de la base de datos??? entiendo que en ormconfig.json se configura la base de datos, pero con respecto a las tablas en donde se hace o como lo hace.... gracias
Este vídeo es una joya
Gracias 😊
Me perdí en la parte ormConfig :(..
De donde saco esa Base de datos y el Host?
sigue esta lista de reproducción.!! es la parte del backend lo que necesitas, th-cam.com/video/8si7IFlj0l4/w-d-xo.html
Hola Bezael, he comentado las lineas que menciona Fernando Mastropietro, pero al realizar el login no me valida el campo password, pero si dejo la linea de "Check password" me da el error de " Error: code Http failure response for localhost:3000/auth/login: 0 Unknown Error", tambien he realizado la prueba con postman y me da lo siguiente ""message": "Username & Password are required!""
Hola!! Muchas gracias por el aporte. ¿Qué tan seguro es guardar el token en el localstorage?
Gracias por compartir tus conocimientos, tengo poco tiempo dentro de angular, ¿porqué al crear el modelo de usuario es user.interface.ts y no user.model.ts?
Hola, Dominicode. Hace un tiempo me uni al plan de apoyo de 9 dólares. De momento ya no puedo seguirte apoyando pero no encuentro la opción para detener el cobro mensual. ¿Puedes ayudarme con eso?
Hola, lo puedes cancelar desde tu cuenta de Google en tu celular.
En el PlayStore
hola bezael, cuando voy a login no me devuelve lo mismo que a ti. que puede ser, te digo que busque y no puede encontrar el error. te paso el error que me da: Error : Code Http failure response for localhost:3000/auth/login: 400 Bad Request
se que es error de URL pero mire el codigo dos veces una con el video, y no encuentro el error!
Esto está resuelto, no ?
Ya ?
@@DominiCode si ya esta ... gracias
@@Fernando.Mastropietro Hola buenas, estoy teniendo el mismo error y querría saber como lo resolviste, gracias!
tienes algun curso de angular + firebase pago?, quiero ver para hacer cruds , admins etc
De pago, no pero en el canal hay varios ejemplos de CRUD con Firebase
@@DominiCode gracias por responder, estoy siguiendo tus videos y sobre los del login, no se como bloquear el uso de la cuenta de un usuario si no verifico mail
@@nachoburgos1995 Los users tienen una property disabled. Yo nunca la he manegado con AngularFire solo con CloudFunctions. Tendrias que investigar como hacerlo con AngularFire (NO estoy seguro si se puede)
Buenas Bezael, de nuevo yo je, tengo un incoveniente que no se como resolver. Estoy usando angular 12 y realizando este curso. Cada vez que inicio sesion google me da el siguiente mensaje: "chrome ha detectado que la contraseña que acabas de usar se ha visto expuesta en una quiebra de seguridad de datos". No se que puede ser segui el curso tal cual con los mismos pasos!, desde ya gracias
hola buenas.. estoy siguiendo paso a paso tu tutorial.. y me da error en const myModules = [ ]; que puede ser?
Perfecto 👍🏻👍🏻🔥
👍🏾
Una consulta Dominic, como se llama la extensión o lo que usas en VS Code para que te le formato al codigo? Saludos
si en postman ejeguto con POST la url me devuelve : {"message": " Username & Password are required!"}
ya encontré una parte del problema, yo baje de github, y ya tenia puesta los guard! , se los quite y pude hacer las pruebas de postman
Muy bien. Well done
@@Fernando.Mastropietro en que parte ami me marca el mismo detalle pero aun no lo resuelvo,cuando ingreso los datos de login, ti obtengo los datos en postman pero no los puedo mandar con el post
@@Manuel-in2if fijate en API/src/routes/user.ts . comenta como hice las lineas. donde esta el guard.
esto : [ checkJwt......]]
------
const router = Router();
// Get all users
router.get('/', UserController.getAll);
// Get one user
router.get('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.getById);
// Create a new user
router.post('/', [checkJwt, checkRole(['admin'])], UserController.new);
// Edit user
router.patch('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.edit);
// Delete
router.delete('/:id', /*[checkJwt, checkRole(['admin'])],*/ UserController.delete);
*** Y en el auth.ts lo mismo.
const router = Router();
// login
router.post('/login', AuthController.login);
// Change password
router.post('/change-password', /* [checkJwt], */ AuthController.changePassword);
@@Manuel-in2if a y comenta en el API/src/controller/AuthController.ts .... la lineas donde chekea el Password...
// Check password
/*
if (!user.checkPassword(password)) {
return res.status(400).json({ message: 'Username or Password are incorrect!' });
}
*/
1:05:24 esperemos no tener ningún error "356 problemas"
😅😅😅
buenas , yo puedo copiar la api de este proyecto y no me sirve para uno de ionic
Hola, te debería servir
Hola! Está genial, me han servido mucho tus tutoriales!, Una duda que tengo, es posible desplegar en conjunto la api y el front en angular en Heroku?? o se debe realizar por separado, mi duda es por como está la estructura del proyecto que tienes. Gracias! un saludo!!
hola mi mat-Icon parece sacado de windows xp que podria ser?
Buenas tardes. Cuando trato de incluir con postman la opcion POST me devuelve
{
"message": "Not Authorized"
}
Gracias, excelente tu trabajo.
checa que tengas los permisos de admin
Recuerda que tienes un middleware en el back para esa ruta y si no estás logado te dará 401
@@luisortegahuesca3153 a mi también me sale ese problema como lo soluciono ?
@@TheBrayeta No recuerdo exactamente, pero por lo que leo es por problemas de permisos. Asegúrate de tener los de admin.
@@DominiCode Yo tengo ese mismo problema, pero como me logueo si no tengo ningun usuario en la base de datos. Espero me puedas resolver la duda.
Hola Domini! Queria consultarte, cual es el canal de Raymon Coplin? (Ya llevo 40min del video y va excelente el material) Muchas gracias por compartir!
Buen video, gracias!
Una pregunta:
En este video (y el anterior) estas usado Mysql base de datos - Express(Nodejs) como backend - Angular como Frontend?
Es una buena combinación de tecnologías para hacer este tipo de apps o prefieres otros frameworks?
A que parte de la aplicación hace referencia la URL ´${enrivonment.API_URL}/auth/login´ que esta en el archivo "auth.services.ts"?
Me ayudaría mucho una respuestas.
Desde gracias!
Amigos me sale el siguiente mensaje de error cuando intento conectar el servidor: Client does not support authentication protocol requested by server; consider upgrading MySQL client
Agradezco cualquier ayuda :)
Como despliego en netlify una webapp como esta ???
Voy a empezar a ver el vídeo y quisiera saber si es en Angular 9 o 10?
Es con la 10. Pero lo puedes hacer con la 9 también
@@DominiCode con el 7 tambien?
me tira error el import { AppModule } from './app/app.module';
👽😍😍😍
Gracias!!
esta seria la condicion valida para comprobar que el usuario esta logueado o no *ngIf="authService.loggedIn.getValue()"
sacale ese circulo amarillo bro
Sí. Lo siento
Anadir material es anadir una capa de complejidad innecesaria cuando nuestro fin es pedagogico
Sí, pero necesitamos material para hacer el admin de users. 🤷🏽♂️
I'm from INDIA brother please make video in English I can't understand your language
Hi, bro. Yes, you are right. I have to do in English olso. I will try a soon as possible.
@@DominiCode Thank you bro
login(userData:User) : Observable{
return this.http.post(`${environment.API_URL}login/`, userData).pipe(
map((res:UserResponse) => {
//this.saveToken(res.token);
console.log("res -->>", res);
//saveToken();
}),
catchError( (err) => this.handlerError(err))
);
}
en esa parte cuando yo coloco el "consol.log(res)" me devuelve datos, pero si coloco "console.log(res.token)" me devuelve undefined. no lo entiendo.
la consola me devuelve esto:
{User: Array(1)}
User: Array(1)
0:
idRol: 1
idUsers: 5
nameUsers: "Admin"
passUsers: "123"
token: "68b4f32243964607f35d47e4c33471b"
[[Prototype]]
Object