Cambiar la contraseña del usuario identificado con Cognito en Vuejs Amplify

En muchos casos tendrás la necesidad de cambiar la contraseña del usuario identificado con Cognito. En esta entrada vamos a ver cómo hacerlo utilizando Vuejs 2 y Amplify de 2 formas distintas, la primera será haciendo uso de Vuex y la otra será utilizando una función que nos retorne el usuario actual de Cognito.

Modificar la contraseña del usuario con Vuex

Para este caso lo único que deberíamos hacer es previamente tener el usuario que obtenemos en la autenticación con Cognito en el almacén de Vuex, a continuación simplemente deberíamos escribir el siguiente componente y quedaría toda la lógica resuelta:

La principal diferencia es que aquí debemos utilizar el usuario de Vuex, veamos cómo es utilizando el usuario que nos retorna Cognito.

Modificar la contraseña del usuario accediendo al usuario de Cognito

Lo que debemos hacer en este caso es obtener el usuario que está identificado actualmente en Cognito, y eso lo conseguimos con el siguiente código (recuerda que este tema lo vemos de forma completa en este curso).

Una vez sabemos cómo recuperar al usuario identificado, entonces el proceso sería similar:

Y eso es todo, puedes ver que es un proceso sencillo, únicamente debemos utilizar el método changePassword pasando el usuario, antigua contraseña y nueva contraseña, nada más.