Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

79
Views
Recuperación de detalles de usuario autenticados de firebase a la interfaz de Chat en vue

¿Puedo saber cómo se supone que debo recuperar los detalles del usuario una vez que haya iniciado sesión con su correo electrónico y contraseña, y analizar estos detalles de autenticación de usuario en la interfaz de chat usando vue y firebase?

Actualmente he logrado recuperar los detalles de inicio de sesión y analizarlos en el componente de la interfaz de usuario del chat utilizando el método de inicio de sesión de Google. Me pregunto si podría hacer esto usando la autenticación de inicio de sesión personalizada a través del método "Correo electrónico/Contraseña" en Firebase.

El siguiente es el código para Login.vue:

 <template> <div class="login-container"> <button @click="loginSubmit">Login with Google!</button> </div> </template> <script> import firebase from 'firebase' export default { methods: { loginSubmit() { const provider = new firebase.auth.GoogleAuthProvider() firebase.auth().signInWithRedirect(provider) .catch(console.log) } } } </script>

Y este es el código para la inicialización de firebase:

 import Vue from 'vue' import App from './App.vue' import firebase from 'firebase' Vue.config.productionTip = false // NOTE: PASTE YOUR OWN CONFIG HERE! const firebaseConfig = { apiKey: "AIzaSyDt21oJOol8S75a4wuE_h0Z5m-KRZzkkWk", authDomain: "vue-chat-app-787e0.firebaseapp.com", projectId: "vue-chat-app-787e0", storageBucket: "vue-chat-app-787e0.appspot.com", messagingSenderId: "769347326095", appId: "1:769347326095:web:bf9c45908a25f9e107e0fa", }; firebase.initializeApp(firebaseConfig) firebase.auth().onAuthStateChanged(() => new Vue({ render: h => h(App), }).$mount('#app'))
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!