Conectar el inicio de sesión con Facebook
Para que sus clientes se registren con una cuenta de Facebook, primero tiene que registrar su servicio en Facebook y obtener dos valores. Son el App ID y el App secret.
Esta página explica en qué orden se obtienen esos dos valores. Cómo introducir en WEEGLOO los valores obtenidos está en Introducir en WEEGLOO los valores obtenidos.
La dirección que debe copiar primero
Cuando el cliente termina de iniciar sesión en Facebook, Facebook devuelve el resultado a una dirección determinada. Esta dirección tiene que registrarla en Facebook, así que cópiela ahora. La pegará en el paso 3.
Si elige aquí abajo su Space, la dirección queda con el identificador ya puesto.
Si prefiere rellenarla a mano, ponga en el hueco de {spaceId} el identificador de su Space. Abra ese Space en el estudio de contenidos y mire la barra de direcciones del navegador: el valor que viene después de /spaces/ es el identificador.
Esta dirección no es la de su sitio, sino el lugar donde WEEGLOO recibe el resultado del inicio de sesión. Por eso queda fijada ya, aunque todavía no haya creado su sitio. Si activó Facebook en el estudio de contenidos, en el Step 1 aparece la misma dirección, así que también puede copiarla de ahí.
Obtener los dos valores en Facebook
Inicie sesión con su cuenta de Facebook y realice por orden los cuatro pasos siguientes. Lo que se hace aquí no tiene coste.
Crear la app
Se pasa por orden por cinco pantallas: App details, Use cases, Business, Requirements y Overview.
-
Abra la pantalla de la lista de apps (https://developers.facebook.com/apps).
-
Pulse Create App.
-
En App name, escriba un nombre que reconozca más adelante (por ejemplo,
Armario Acogedor). -
En App contact email, escriba la dirección donde recibirá las consultas.
-
Pulse Next.
-
Marque Authenticate and request data from users with Facebook Login.
-
Pulse Next.
-
Elija la opción I don’t want to connect a business portfolio yet.
-
Pulse Next.
-
Lea el contenido de la pantalla Requirements y pulse Next. Aquí no hay nada que escribir.
-
En la última pantalla, Overview, compruebe lo que ha elegido hasta ahora y cree la app.
App contact email es la dirección que usa Facebook cuando quiere ponerse en contacto sobre la app. El portafolio de negocio, tal como pone en la explicación de la pantalla, se puede añadir más adelante.
Añadir el permiso de correo electrónico
Cuando el cliente inicia sesión con Facebook, WEEGLOO recibe también el correo electrónico y lo guarda en el miembro. Si no añade el permiso email, Facebook no entrega el correo, así que no se salte este paso.
-
En el menú de la izquierda, pulse Use cases.
-
Pulse Customize en el elemento de Facebook Login.
-
A la izquierda, pulse Permissions and features.
-
Pulse + Add en la fila de
email.
-
Compruebe que el Status de las dos filas,
emailypublic_profile, es Ready for testing.
En un mismo Space solo se puede registrar una vez con un mismo correo.
Registrar la dirección de inicio de sesión
OAuth, que aparece en las pantallas, es el nombre del método que permite iniciar sesión con una cuenta de Facebook.
-
A la izquierda, pulse Settings.
-
En la casilla Valid OAuth Redirect URIs, pegue la dirección que copió en La dirección que debe copiar primero.
-
Pulse Save Changes.
Aquí solo va a poner una dirección, la que copió arriba. En Redirect URI Validator, en la parte de arriba de esa misma pantalla, puede comprobar una dirección: escríbala en Redirect URI to check y pulse Check URI.
Copiar el App ID y el App secret
Los dos valores están en la pantalla de configuración básica de la app.
-
En el menú de la izquierda, pulse App settings.
-
Pulse Basic.
-
Copie el valor que figura en App ID.
-
Pulse Show, a la derecha de App secret.
-
Copie el valor que aparece.
El App ID se queda tal cual en esta pantalla, y el App secret puede volver a verlo cada vez que pulse Show. Aunque salga de la pantalla sin haber anotado los valores, no hace falta generarlos de nuevo. Eso sí, el App secret es un valor secreto, así que no se lo dé a nadie ni lo escriba en un sitio público.
Encima de esta pantalla puede aparecer un banner rojo de Currently ineligible for submission. Es el aviso de que App icon, Privacy policy URL y Category están vacíos. Esos tres elementos hacen falta al enviar la revisión, y no hacen falta ahora para conectar el inicio de sesión.
Todos sus clientes podrán iniciar sesión solo cuando pase la revisión
La app que acaba de crear todavía no ha pasado la revisión. Mientras no pase la revisión, solo se puede iniciar sesión con la cuenta que creó la app.
La conexión con WEEGLOO no tiene que esperar a la revisión. Al introducir los dos valores, el inicio de sesión funciona en ese mismo momento.
Si quiere probarlo como lo haría un cliente, despliegue App roles en el menú de la izquierda, pulse Test users y cree una cuenta de prueba con Create test users.
Cuando esté listo para abrirlo a todos sus clientes, envíelo desde App Review, dentro de Review. En esta pantalla aparecen como Not submitted el email y el public_profile que ha visto antes.
Los materiales necesarios y los criterios de evaluación están en la documentación de Meta.
Introducir en WEEGLOO los valores obtenidos
Ahora tiene en la mano los dos valores. Estas son las casillas del estudio de contenidos en las que va cada uno de los dos valores.
| Pantalla de Facebook | Estudio de contenidos |
|---|---|
| App ID | App ID |
| App secret | App secret |
A partir de aquí el camino se divide según cómo haya venido trabajando hasta ahora.
Si estaba configurándolo directamente en el estudio de contenidos, siga estos pasos.
- Vuelva a la sección Activar el inicio de sesión social de Inicio de sesión de miembros del servicio.
- Active Facebook.
- Introduzca el App ID en la casilla App ID del Step 2.
- Introduzca el App secret en la casilla App secret.
- Pulse Guardar.
Si dejó la integración en manos de un agente de IA y este le indicó que fuera a obtener los valores, pegue tal cual los dos valores obtenidos en la ventana de chat y siga con lo que estaba haciendo. El resto de la configuración lo continúa el agente.
Qué hacer a continuación
- Inicio de sesión de miembros del servicio: introduzca los valores obtenidos en el estudio de contenidos y termine el resto de la configuración del inicio de sesión de miembros.
- Roles y permisos de miembros: cree el ServiceUserRole que define qué puede ver y usar un miembro registrado.
- Auth API: trata especificaciones técnicas, como el formato de las solicitudes, que necesita para integrar el inicio de sesión en el código de su sitio.