Currently, I am working on setting up an authentication page with Vue.js using AWS Amplify. The tutorial I am following for this can be found at the following link: https://dev.to/dabit3/how-to-build-production-ready-vue-authentication-23mk. As part of this process, I am configuring the profile.vue component in order to pass user information related to the authenticated user to the template. In the tutorial, there is a method named Auth.currentAuthenticatedUser that retrieves a user object containing details about the user who is currently logged in. These details can then be accessed by appending .username to name within the template. Below is an example of this component from the tutorial mentioned above featuring the Auth.currentAuthenticatedUser method:
<template>
<h1>Welcome, {{user.username}}</h1>
</template>
<script>
import { Auth } from 'aws-amplify'
export default {
name: 'Profile',
data() {
return {
user: {}
}
},
beforeCreate() {
Auth.currentAuthenticatedUser()
.then(user => {
this.user = user
})
.catch(() => console.log('not signed in...'))
}
}
</script>
I have a question regarding where exactly the user data is stored once the user account is created. Which AWS service is responsible for storing this data? Is there a dashboard similar to Amplify or Cognito that allows for managing user information in the form of collections?