Manual: Configurar el inicio de sesión de terceros

El inicio de sesión de terceros permite a los usuarios registrarse de forma fácil y rápida en su comunidad a través de los portales "Facebook", "Google", "Twitter" y "GitHub". La ventaja de esto es que los datos del perfil son asumidos por el proveedor correspondiente y el registro se realiza con unos pocos clics.

Nota
Ten en cuenta que por razones de seguridad el inicio de sesión por parte de administradores a través de terceros no es compatible.

Una característica común de todos los proveedores es que es necesario crear una aplicación para el proveedor respectivo y obtener un ID y una clave secreta, que deben ingresarse en la configuración ( Panel de administración → Configuración → Opciones → Usuario → Registro) de su comunidad.

Facebook

Nota

Necesitas: Una cuenta de usuario gratuita en Facebook , que haya sido autorizada como desarrollador, y cURL (recomendado) o allow_url_fopen en tu espacio web.

  1. Vaya a la descripción general de la aplicación en Facebook Developers .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/facebook/overview.png]

  2. Seleccione Crear una nueva aplicación y elija un nombre para mostrar y un correo electrónico de contacto. Haga clic en el botón Crear ID de aplicación y confirme la consulta de seguridad.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/facebook/register.png]

  3. En la siguiente página haga clic en el producto Iniciar sesión en Facebook y haga clic en el botón Configurar .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/facebook/add-product.png]

  4. Vaya a Inicio de sesión de Facebook → Configuración en la barra lateral izquierda e ingrese la URL de redireccionamiento de OAuth en el campo URL de redireccionamiento de OAuth válidas . Encontrará la URL de redireccionamiento adecuada en la descripción de los campos de entrada de la configuración en el panel de administración de su instalación ( Configuración → Opciones → Usuario → Registro → ID de la aplicación de Facebook ). Guarde los cambios haciendo clic en el botón Guardar cambios en la parte inferior de la pantalla.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/facebook/add-product2.png]

  5. Para obtener el ID de la aplicación y el código secreto asociado, seleccione Configuración → Básica en el menú de la izquierda. Copie la información que aparece allí en los campos de entrada correspondientes de la configuración en el panel de administración de su instalación.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/facebook/settings.png]

  6. Por último, active la opción En desarrollo en el encabezado para que la aplicación esté disponible públicamente.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/facebook/publish.png]

  7. ¡Listo! Ahora puedes probar el inicio de sesión cerrando la sesión de tu comunidad y haciendo clic en el botón de Facebook .

Google

Nota

Necesitas: Una cuenta de usuario gratuita en Google, que esté vinculada a un nombre de usuario y cURL (recomendado) o allow_url_fopen en tu espacio web.

  1. Accede a la consola Cloud de Google. Allí encontrarás una lista de tus proyectos existentes y la posibilidad de crear un nuevo proyecto:

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/create-project.png]

  2. Seleccionar: Crear proyecto . No es necesario modificar las sugerencias en los campos, son solo para una mejor administración. ¡La creación puede tardar unos minutos!

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/create-project2.png]

  3. Una vez que se haya creado el proyecto, se lo dirigirá al panel de control, donde se enumeran las API más populares. En la barra lateral, haga clic en la pantalla de consentimiento de OAuth y seleccione el tipo de usuario externo y haga clic en Crear .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-configuration.png]

  4. En el siguiente paso, ingresa el nombre de tu comunidad y los enlaces a su política de privacidad y guárdalos.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-configuration2.png]

  5. Ahora debes especificar los parámetros que se van a consultar. Para ello, debes hacer clic en Añadir o quitar ámbitos .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-configuration4.png]

  6. Ahora seleccione todos los ámbitos disponibles ( .auth/userinfo.email , .auth/userinfo.profile y openid ).

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-configuration3.png]

  7. A continuación, debe crear un ID de cliente de OAuth . Para ello, haga clic en Credenciales en la barra lateral.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-add-key.png]

  8. Ahora haga clic en Crear credenciales y luego en ID de cliente OAuth .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-add-key2.png]

  9. Ahora seleccione la aplicación web como tipo de aplicación . A continuación, introduzca cualquier nombre para la clave y guarde las URI de redireccionamiento autorizadas . Encontrará la URI de redireccionamiento autorizada adecuada en la descripción de los campos de entrada de la configuración en el panel de administración de su instalación ( Configuración → Opciones → Usuario → Registro → ID de cliente de Google ).

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-add-key3.png]

  10. Ahora ingrese los valores mostrados ID de cliente y Secreto de cliente en la configuración correspondiente de su comunidad.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/google/oauth-add-key4.png]

  11. ¡Listo! Ahora puedes probar el inicio de sesión cerrando la sesión de tu comunidad y haciendo clic en el botón de Google .

Gorjeo

Nota

Necesitas: Una cuenta de usuario gratuita en Twitter y cURL (recomendado) o allow_url_fopen en tu espacio web.

  1. Accede al Portal para desarrolladores de Twitter. Si no tienes una cuenta de desarrollador en Twitter, debes solicitarla. Después de activar correctamente tu cuenta como desarrollador, puedes crear una nueva aplicación en el Portal para desarrolladores . Para añadir una nueva aplicación, primero selecciona la vista general de las aplicaciones, que puedes encontrar en Proyectos y aplicaciones → Vista general en la barra lateral izquierda.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/twitter/app-overview.png]

  2. Haga clic en el botón Crear aplicación e ingrese un nombre para la aplicación .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/twitter/add-app.png]

  3. Ahora ingrese la clave API y la clave secreta API en la configuración de su comunidad. Luego haga clic en Configuración de la aplicación .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/twitter/app-keys.png]

  4. Ahora edite la configuración de autenticación .

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/twitter/app-settings.png]

  5. Activa la opción Habilitar OAuth de 3 vías y la opción Solicitar dirección de correo electrónico a los usuarios . Especifica también aquí todas las URL requeridas, especialmente la URL de devolución de llamada que puedes encontrar en la descripción de los campos de entrada de la configuración en el panel de administración de tu instalación ( Configuración → Opciones → Usuarios → Registro → Clave API de Twitter ).

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/twitter/app-auth-settings.png]

  6. ¡Listo! Ahora puedes probar el inicio de sesión cerrando la sesión de tu comunidad y haciendo clic en el botón de Twitter .

GitHub

Nota

Necesitas: Una cuenta de usuario gratuita en GitHub y cURL (recomendado) o allow_url_fopen en tu espacio web.

  1. Vaya a Aplicaciones OAuth en GitHub. Encontrará una lista de sus aplicaciones existentes arriba, así como la posibilidad de crear una nueva aplicación.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/github/overview.png]

  2. Seleccione: *Nueva aplicación OAuth. Allí deberá completar los campos de la siguiente manera:

    • Nombre de la aplicación: Nombre de tu comunidad
    • URL de la página de inicio: Dirección de su comunidad
    • Descripción de la aplicación: Descripción de su comunidad (si lo desea)
    • URL de devolución de llamada de autorización: Dirección de la URL de devolución de llamada (como se especifica en la configuración Configuración → Opciones → Usuario → Registro → ID de cliente de GitHub de su comunidad)

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/github/create-app.png]

    Ahora seleccione Registrar aplicación para crear la aplicación.

  3. Ahora serás redirigido a la información de tu aplicación. Allí también encontrarás el ID de cliente y el secreto de cliente necesarios , que deberás introducir en la configuración correspondiente de tu comunidad.

    [Imagen bloqueada: https://manual.woltlab.com/en/assets/third-party-logins/github/app-overview.png]

  4. ¡Listo! Ahora puedes probar el inicio de sesión cerrando la sesión de tu comunidad y haciendo clic nuevamente en el botón de GitHub .