Comprobar el estado de la suscripción en el SDK de Capacitor
Para decidir si los usuarios pueden acceder al contenido de pago o ver un paywall, necesitas comprobar su nivel de acceso en el perfil.
Este artículo te muestra cómo acceder al estado del perfil para decidir qué deben ver los usuarios: si mostrarles un paywall o darles acceso a las funciones de pago.
Obtener el estado de la suscripción
Cuando decides si mostrar un paywall o contenido de pago a un usuario, compruebas su nivel de acceso en su perfil. Tienes dos opciones:
- Llama a
getProfilesi necesitas los datos del perfil más recientes de inmediato (por ejemplo, al iniciar la app) o quieres forzar una actualización. - Configura actualizaciones automáticas del perfil para mantener una copia local que se actualice automáticamente cada vez que cambie el estado de la suscripción.
Obtener el perfil
La forma más sencilla de obtener el estado de la suscripción es usar el método getProfile para acceder al perfil:
try {
const profile = await adapty.getProfile();
} catch (error) {
// handle the error
}
Escuchar actualizaciones de suscripción
Para recibir actualizaciones del perfil automáticamente en tu app:
- Usa
adapty.addListener('onLatestProfileLoad')para escuchar cambios en el perfil — Adapty llamará a este método automáticamente cada vez que cambie el estado de suscripción del usuario. - Guarda los datos del perfil actualizados cuando se llame a este método, para poder usarlos en toda tu app sin realizar peticiones de red adicionales.
class SubscriptionManager {
private currentProfile: any = null;
constructor() {
// Listen for profile updates
adapty.addListener('onLatestProfileLoad', (data) => {
this.currentProfile = data.profile;
// Update UI, unlock content, etc.
});
}
// Use stored profile instead of calling getProfile()
hasAccess(): boolean {
return this.currentProfile?.accessLevels?.['YOUR_ACCESS_LEVEL']?.isActive ?? false;
}
}
Adapty llama automáticamente al listener del evento onLatestProfileLoad cuando tu app se inicia, proporcionando datos de suscripción en caché incluso si el dispositivo está sin conexión.
Conectar el perfil con la lógica del paywall
Cuando necesites tomar decisiones inmediatas sobre mostrar paywalls o conceder acceso a funciones de pago, puedes consultar directamente el perfil del usuario. Este enfoque es útil en situaciones como el lanzamiento de la app, al acceder a secciones premium o antes de mostrar contenido específico.
const checkAccessLevel = async () => {
try {
const profile = await adapty.getProfile();
return profile?.accessLevels?.['YOUR_ACCESS_LEVEL']?.isActive === true;
} catch (error) {
console.warn('Error checking access level:', error);
return false; // Show paywall if access check fails
}
};
const getAccessLevel = (profile: AdaptyProfile) => {
return profile.accessLevels?.['YOUR_ACCESS_LEVEL'];
};
const initializePaywall = async () => {
try {
await loadPaywall();
const hasAccess = await checkAccessLevel();
if (!hasAccess) {
// Show paywall if no access
}
} catch (error) {
console.warn('Error initializing paywall:', error);
}
};
Próximos pasos
Ahora que sabes cómo hacer seguimiento del estado de la suscripción, aprende a trabajar con perfiles de usuario para garantizar que puedan acceder a lo que han pagado.