JavaScript
Integración de Inicio de Sesión de Twitter en JavaScript
13 min
inicio de sesión de twitter introducción esta sección explica cómo puedes integrar el inicio de sesión de twitter en tu proyecto de javascript después de completar esta guía paso a paso, estarás listo para subir tu código a cloud code este proyecto utilizará la versión 3 1 recién lanzada de parse server en el panel de control de tu proyecto, ve a configuración del servidor > administrar parse server (configuración) y selecciona 3 1 1 para más información sobre cómo migrar a parse server 3 1 x, consulta https //www back4app com/docs/advanced guides/parse server 3 consulta esta guía si no entiendes la sintaxis del código en la nube para este proyecto requisitos previos para comenzar con este tutorial, necesitarás una aplicación creada en back4app consulta el https //www back4app com/docs/get started/new parse app para aprender cómo crear una aplicación en back4app configurar un subdominio para tu aplicación de back4app consulta https //www back4app com/docs/platform/activating web hosting para aprender cómo crear un subdominio en back4app una https //twitter com/ y debes solicitar https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul3bvcnrhbc9wzxrpdglvbi9lc3nlbnrpywwvymfzawmtaw5mbyj9%22%7d 1 crear una nueva aplicación back4app primero que nada, es necesario asegurarse de que tienes una aplicación existente creada en back4app sin embargo, si eres un nuevo usuario, puedes consultar https //www back4app com/docs/get started/new parse app para aprender cómo crear una 2 generar tokens de acceso para que puedas hacer que el inicio de sesión de twitter funcione en tu proyecto, debes tener la clave de consumidor y el secreto de consumidor para generar tus claves de tokens de acceso, debes tener una aplicación de twitter básicamente, tienes dos opciones si tienes aplicaciones de twitter existentes y te gustaría editarlas, por favor accede al https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul2fwchmifq%3d%3d%22%7d si deseas crear una nueva aplicación, puedes acceder al mismo panel, pero debes tener una cuenta de desarrollador aprobada consejo mientras solicitas acceso para una cuenta de desarrollador, seguramente se te pedirá que respondas algunas preguntas, pero no olvides aceptar los términos del contrato 2 1 configurar los detalles de la aplicación en este tema, vamos a configurar las credenciales de la aplicación de twitter ten en cuenta que es necesario activar webhosting para esta aplicación y para leer más sobre webhosting mira en https //www back4app com/docs/platform/parse web hosting después de eso, ve a https //developer twitter com/en/apps y elige crear una aplicación crear una aplicación o puedes editar una aplicación existente yendo a detalles detalles > editar editar > editar detalles editar detalles completa el nombre de la aplicación descripción de la aplicación díganos cómo se utilizará esta aplicación para el url del sitio web puedes dejarlo como tu https //www back4app com/docs/platform/parse web hosting y los urls de callback serán el https //www back4app com/docs/platform/parse web hosting + /twitter callback /twitter callback se verá algo así 3 configuración de twitter para comenzar a usar el inicio de sesión de twitter para javascript, necesitas seguir estos pasos para vincular back4app con tu aplicación de twitter e iniciar sesión en tu cuenta de back4app; haz clic en configuración del servidor configuración del servidor de tu aplicación luego, haz clic en configuración configuración del bloque de inicio de sesión de twitter debería verse así 4 obtén la plantilla descarga la plantilla en nuestro repositorio de github puedes hacerlo usando la siguiente línea de comando curl lok https //github com/templates back4app/twitter login js/archive/master zip && unzip master zip 5 reemplaza las claves después de descargar el proyecto anterior, por favor abre el /cloud/app js /cloud/app js archivo y reemplaza las siguientes variables con las claves generadas en el paso 2 const back4appwebhostdomain = ' tu dominio back4app webhost tu dominio back4app webhost '; const consumer key = ' tu consumer key tu consumer key '; const consumer secret = ' tu consumer secret tu consumer secret '; 6 sube tu código al servidor de back4app para desplegar tu aplicación con back4app, necesitas subir tu código a cloud code para hacer eso, sigue los pasos a continuación ve a tu aplicación en https //www back4app com/ y haz clic en configuración del servidor configuración del servidor encuentra el bloque “código en la nube” y haz clic en configuraciones configuraciones el bloque ''código en la nube'' se ve así 3\ haz clic en elegir archivos elegir archivos y selecciona todos los archivos importados por index html index html muévelos a public public , luego haz clic en guardar guardar , como se muestra aquí 4\ tus archivos se verán así 7 está hecho después de seguir la guía descrita arriba, solo necesitas abrir tu navegador con la dirección de alojamiento web que has creado en caso de que necesites ayuda o una función/enlace no funcione, ¡por favor contacta a nuestro equipo a través del chat!