Configurar el inicio de sesión único (SSO) de Instagram con el complemento de cliente OAuth de Joomla
Resumen
Esta guía explica cómo configurar nuestra extensión de cliente OAuth de Joomla para que los usuarios puedan iniciar sesión con sus cuentas de Instagram. Esta integración se gestiona mediante la API de visualización básica de Instagram, que forma parte de la plataforma Meta para desarrolladores.
Añadir la opción "Iniciar sesión con Instagram" es ideal para sitios web con un fuerte enfoque visual o comunitario, como portafolios de artistas, presentaciones de marcas, blogs de estilo de vida y sitios de comercio electrónico. Ofrece un método de inicio de sesión rápido y moderno para una audiencia muy activa en Instagram.
Pasos de configuración
En esta configuración, Instagram funciona como el servidor OAuth, mientras que Joomla permite a los usuarios iniciar sesión con sus credenciales de Instagram utilizando el Complemento de cliente Joomla OAuth.
Paso 1: Instalar el complemento de cliente OAuth de Joomla
- Inicie sesión en su sitio Joomla Administradora consola.
- Desde el menú de alternancia de la izquierda, haga clic en Sistema, luego en la sección Instalar haga clic en Prórrogas de tiempo para presentar declaraciones de impuestos.
- Ahora haga clic en O buscar archivo para localizar e instalar el archivo del complemento descargado anteriormente.
- La instalación del complemento se realizó correctamente. Ahora haga clic en Comenzar!
- En Configurar OAuth -> Aplicaciones preconfiguradas pestaña, seleccione su Proveedor de OAuthTambién puede configurar su propio proveedor personalizado navegando a la siguiente sección: Aplicaciones personalizadas .
- Después de seleccionar su proveedor de OAuth, copie el URL de devolución de llamada/redireccionamiento que usaremos para configurar el servidor OAuth, luego haga clic en el Guardar y siguiente .
Paso 2: Configurar Instagram como servidor OAuth
- Vaya a la Panel de desarrollador de Instagram.
- Ingrese la URL de su sitio web y el número de teléfono en Tu Sitio Web y Número de teléfono campos de texto respectivamente. Haga clic en el Regístrate Botón para continuar. Este paso completa el registro de tu cuenta de desarrollador.
- Haga clic en el botón Registrar su aplicación nuevamente y luego vaya a Administrar clientes -> Registrar un nuevo cliente como se muestra en la imagen a continuación:
- Ingrese su Nombre de la aplicación, descripción, nombre de la empresa, URL del sitio web, correo electrónico de contacto etc. Copiar el URL de redireccionamiento/devolución de llamada desde el complemento de cliente OAuth miniOrange y guárdelo en URL de redireccionamiento válidas campo de texto. Finalmente, haga clic en el Registrarse botón para guardar sus configuraciones.
- Ahora haga clic en el botón Administrar para ver y copiar su ID de cliente y secreto de cliente.
- Haga clic en el elemento Pestaña de seguridad y desmarque la Deshabilitar OAuth implícito Opción. Haga clic en el Actualizar cliente para guardar los cambios.
- Vuelve a tu Tablero Joomla. Luego ve a Paso 2 en el Configurar OAuth .
- Pegue la ID de cliente, secreto de cliente e inquilino. También configure las credenciales del cliente En encabezado y cuerpo Luego haga clic en Guardar ajustesUna vez guardada la configuración, haga clic en Guardar configuración.
- A continuación se detallan el alcance y los puntos finales, que son necesarios para configurar Joomla como complemento de cliente OAuth para configurar Instagram como un proveedor OAuth u OIDC personalizado.
| <b></b><b></b> | perfil_usuario media_usuario |
| Autorizar punto final | https://api.instagram.com/oauth/authorize |
| Punto final del token de acceso | https://api.instagram.com/oauth/access_token |
| Obtener punto final de información de usuario | https://graph.instagram.com/me?fields=id,username&access_token= |
| Establecer credenciales de cliente | En el encabezado y en el cuerpo |
Paso 4: Configurar la asignación de atributos
- La asignación de atributos de usuario es obligatoria para permitir que los usuarios inicien sesión correctamente en Joomla. Configuraremos los atributos del perfil de usuario para Joomla utilizando las siguientes configuraciones.
- Vaya al Paso 3 en el Configurar OAuth pestaña y haga clic en Configuración de prueba .
- Podrá ver los atributos en la salida de configuración de prueba de la siguiente manera.
- Ahora seleccione el nombre del atributo para Correo electrónico y nombre de usuario Desde el menú desplegable. Luego haga clic en Finalizar configuración .
Paso 5: Configurar URL de inicio de sesión/SSO
- Ahora ve a Paso 4, aquí copie el URL de inicio de sesión/SSO y agrégalo a tu sitio web.
- Ahora cierre la sesión y vaya a las páginas de su sitio Joomla donde haya agregado este enlace. Verá un enlace de inicio de sesión donde colocó ese botón. Haga clic en este botón para iniciar sesión.
