Saltar al contenido principal
@capgo/capacitor-social-login Auth y seguridad Código abierto

Social Login plugin Capacitor

Autentica usuarios con Google, Facebook y Apple Sign-In para un social login sencillo

Instalar

bun add @capgo/capacitor-social-login bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-social-login
  • pnpm add @capgo/capacitor-social-login
  • yarn add @capgo/capacitor-social-login

Guía

Cómo usar Social Login en Capacitor

Uso de @capgo/capacitor-social-login

Todos los social logins en un solo plugin para Web, iOS y Android. Soporta Google, Apple, Facebook, Twitter/X y proveedores OAuth2/OIDC genéricos como GitHub, Microsoft Entra ID, Auth0, Okta y Keycloak.

Instalar

npm install @capgo/capacitor-social-login
npx cap sync

Lo que expone este plugin

  • initialize - Inicializa el plugin.
  • login - Inicia sesión con el proveedor seleccionado.
  • logout - Cerrar sesión.
  • isLoggedIn - IsLoggedIn.

Ejemplo de uso

initialize

Inicializa el plugin.

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.initialize({ telegram: { botId: '123456789' } });

login

Inicia sesión con el proveedor seleccionado.

import { SocialLogin } from '@capgo/capacitor-social-login';

const result = await SocialLogin.login({
  provider: 'facebook',
  options: { permissions: ['permission'] },
});
// The result holds sensitive values: use it without logging it.

logout

Cerrar sesión.

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.logout({} as {
    provider: 'apple' | 'google' | 'facebook' | 'twitter' | 'oauth2';
    providerId?: string;
  });

isLoggedIn

IsLoggedIn.

import { SocialLogin } from '@capgo/capacitor-social-login';

const result = await SocialLogin.isLoggedIn({ provider: 'apple' });
console.log(result);

Referencia completa

Continuar desde Usando @capgo/capacitor-social-login

Si estás usando Uso de @capgo/capacitor-social-login para planificar los flujos de autenticación y de cuenta, conéctalo con @capgo/capacitor-social-login para los detalles de implementación en @capgo/capacitor-social-login, Primeros pasos para los detalles de implementación en Primeros pasos, @capgo/capacitor-passkey para el detalle de implementación en @capgo/capacitor-passkey, @capgo/capacitor-native-biometric para el detalle de implementación en @capgo/capacitor-native-biometric, y Autenticación de dos factores para el detalle de implementación en la autenticación de dos factores.

FAQ

FAQ del plugin Social Login

¿Cómo instalo el plugin Social Login en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-social-login" (o "npm install @capgo/capacitor-social-login"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-social-login" en el code de tu app.

¿Es compatible @capgo/capacitor-social-login con React, Vue y Angular?

Sí. Social Login es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-social-login?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-social-login gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-social-login/ y el paquete es gratuito para instalar desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Social Login sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Social Login sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo