Menu
Feedback
Comece aqui
Tutoriales
Portal del desarrollador

Problemas Conocidos
Directrices de Soporte
Troubleshooting

Preguntas Frecuentes
Anuncios
Tutoriales
Tutoriales
Explore tutoriales detallados para operar su tienda VTEX.
Tutoriales
Autenticación
Conceptos básicos de autenticación
Registrar Client ID y Secreto del cliente para Inicio de sesión con Facebook
Registrar Client ID y Secreto del cliente para Inicio de sesión con Facebook

Para activar el inicio de sesión por OAuth2 a través de Facebook, accede al Admin VTEX > Configuración de cuenta > Autenticación y completa los campos Client ID y Secreto del cliente, tal como se describe en el artículo Configurar inicio de sesión con Facebook y Google.

{"base64":"  ","img":{"width":939,"height":543,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":20308,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_1.PNG"}}

Para obtener las credenciales, sigue las instrucciones en las secciones a continuación:

  1. Crear aplicación
  2. Configurar Inicio de sesión con Facebook en la aplicación
  3. Realizar la configuración básica de la aplicación

1. Crear aplicación

Para empezar, debes registrar una aplicación en Facebook siguiendo los pasos a continuación:

  1. Accede a la página web Meta for Developers.

  2. Crea una cuenta de Meta for Developers.

  3. En la barra superior, haz clic en Mis apps.

  4. Haz clic en Crear app.

  5. Haz clic en Permitir que las personas inicien sesión con su cuenta de Facebook entre las opciones que se ilustran a continuación.

    {"base64":"  ","img":{"width":827,"height":599,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":95567,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_2.png"}}

  6. Haz clic en Siguiente.

  7. Añade el nombre de la aplicación y el correo electrónico de contacto de la persona responsable de la aplicación en los campos que se ilustran a continuación.

    {"base64":"  ","img":{"width":1038,"height":489,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":73698,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_3.png"}}

  8. Haz clic en Crear app.

2. Configurar el Inicio de sesión con Facebook en la aplicación

El siguiente paso es configurar el producto Inicio de sesión con Facebook en la aplicación que creaste. Para hacerlo, sigue las instrucciones a continuación:

  1. Haz clic en Productos en el menú lateral o en el **panel **de Meta for Developers, resaltado en la imagen siguiente.

    {"base64":"  ","img":{"width":1307,"height":681,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":117677,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_4.png"}}

  2. Haz clic en Configurar y después selecciona Configurar en el menú desplegable.

    {"base64":"  ","img":{"width":989,"height":319,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":46068,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_5.png"}}

  3. Define los estados como se detalla a continuación:

    {"base64":"  ","img":{"width":961,"height":765,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":108980,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_6.png"}}

    Inserta las URL siguientes en URI de redireccionamieno de OAuth válidos, sustituyendo {{HOST_URL}} por la URL base de tu tienda y {{accountName}} por el nombre de tu cuenta tal y como se describe en el menú de administración de la tienda:

    • https://vtexid.vtex.com.br/VtexIdAuthSiteKnockout/ReceiveAuthorizationCode.ashx
    • https://{{HOST_URL}}/api/vtexid/pub/authentication/oauth/authorizationcode
    • https://{{accountName}}.myvtex.com/api/vtexid/pub/authentication/oauth/authorizationcode
  4. En la parte inferior de la página, haz clic en el botón Guardar cambios.

3. Realizar la configuración básica de la aplicación

Por último, debes rellenar algunos datos sobre la aplicación para completar el proceso de registro. En este paso obtendrás el Client ID y el Secreto del cliente que se utilizarán en la configuración de inicio de sesión con Facebook realizada en el Admin VTEX. Sigue los pasos a continuación:

  1. En el menú lateral de Meta for Developers, haz clic en Configuración de la aplicación y después en Básica:

    {"base64":"  ","img":{"width":296,"height":118,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":5835,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/Authentication/Authentication%20basics/registrar-client-id-y-client-secret-para-login-con-facebook_7.png"}}

  2. Copia el valor del campo Identificador de la aplicación. Debes ingresar este valor en el campo Client ID al configurar el Inicio de sesión con Facebook en el Admin VTEX.

  3. En Clave secreta de aplicación, haz clic en el botón Mostrar y, a continuación, copia el valor del campo. Debes ingresar este valor en el campo Secreto del cliente al configurar el inicio de sesión con Facebook en el Admin VTEX.

  4. En el campo URL de la política de privacidad, ingresa el link a la política de privacidad de tu tienda.

  5. En Icono de la aplicación (1024 x 1024), inserta un ícono de exactamente 1024x1024 píxeles y fondo transparente.

  6. Selecciona una Categoría. Para tiendas, te sugerimos seleccionar Compras.

  7. Después, ingresa la información de contacto del delegado de protección de datos con los datos de la empresa responsable de la tienda.

  8. Haz clic en Guardar cambios en la parte inferior de la página.

Después de completar todas estas etapas ya puedes utilizar el Client ID y el Secreto del cliente obtenidos para configurar el Inicio de sesión con Facebook en tu tienda, tal como se describe en el artículo Configurar inicio de sesión con Facebook y Google.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
¿Todavía tienes dudas?
Pregunte a la comunidad
Encuentra solucciones y comparte ideas en la comunidad de VTEX.
Únete a nuestra comunidad
Solicite soporte a VTEX
Para asistencia personalizada, contacte a nuestros expertos.
Abra un ticket de soporte
GithubDeveloper portalCommunityFeedback