Estoy tratando de implementar la función Iniciar sesión con Google en mi aplicación Vue 3, encontré algunos paquetes npm para implementar esta función, pero estos paquetes pronto quedarán obsoletos ( esta advertencia se muestra en la consola ).
Me gusta usar los servicios de identidad de Google para agregar la función Iniciar sesión con Google a mi aplicación web, que proporciona funciones como el registro con un solo toque y el inicio de sesión automático. ¿Cómo puedo implementar fácilmente esta función en Vue 3?
Creé un pequeño complemento vue3-google-login que utiliza los Servicios de identidad de Google para implementar funciones como Iniciar sesión con Google, Registro con un solo toque e Inicio de sesión automático.
Aquí hay un código de muestra para crear un botón de inicio de sesión de Google simple usando vue3-google-login
Primero inicialice el complemento en main.js con su ID de cliente API de Google
import { createApp } from 'vue' import App from './App.vue' import vue3GoogleLogin from 'vue3-google-login' const app = createApp(App) app.use(vue3GoogleLogin, { clientId: 'YOUR_GOOGLE_CLIENT_ID' }) app.mount('#app')Luego use el componente GoogleLogin como este
<script setup> const callback = (response) => { console.log("Handle the response", response) } </script> <template> <GoogleLogin :callback="callback"/> </template>