JavaScript
Configurer la Connexion Twitter avec JavaScript et Back4App
13 min
connexion twitter introduction cette section explique comment vous pouvez intégrer la connexion twitter dans votre projet javascript après avoir terminé ce guide étape par étape, vous serez prêt à télécharger votre code sur cloud code ce projet utilisera la version 3 1 récemment publiée de parse server sur le tableau de bord de votre projet, allez dans paramètres du serveur > gérer parse server(paramètres) et sélectionnez 3 1 1 pour plus d'informations sur la migration vers parse server 3 1 x, consultez https //www back4app com/docs/advanced guides/parse server 3 consultez ce guide si vous ne comprenez pas la syntaxe du code cloud pour ce projet prérequis pour commencer ce tutoriel, vous aurez besoin de une application créée sur back4app voir le https //www back4app com/docs/get started/new parse app pour apprendre à créer une application sur back4app configurer un sous domaine pour votre application back4app voir https //www back4app com/docs/platform/activating web hosting pour apprendre à créer un sous domaine dans back4app un https //twitter com/ et vous devez demander un accès https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul3bvcnrhbc9wzxrpdglvbi9lc3nlbnrpywwvymfzawmtaw5mbyj9%22%7d 1 créer une nouvelle application back4app tout d'abord, il est nécessaire de s'assurer que vous avez une application existante créée sur back4app cependant, si vous êtes un nouvel utilisateur, vous pouvez consulter https //www back4app com/docs/get started/new parse app pour apprendre comment en créer une 2 générer des jetons d'accès pour que vous puissiez faire fonctionner la connexion twitter dans votre projet, vous devez avoir la clé de consommateur et le secret de consommateur pour générer vos clés de jetons d'accès, vous devez avoir une application twitter en gros, vous avez deux options si vous avez des applications twitter existantes et que vous souhaitez les modifier, veuillez accéder au https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul2fwchmifq%3d%3d%22%7d si vous souhaitez créer une nouvelle application, vous pouvez accéder au même tableau de bord, mais vous devez avoir un compte développeur approuvé indice lorsque vous demandez l'accès à un compte développeur, on vous posera certainement quelques questions, mais n'oubliez pas d'accepter les termes du contrat 2 1 configurer les détails de l'application dans ce sujet, nous allons configurer les identifiants de l'application twitter notez qu'il est nécessaire d'activer webhosting pour cette application et pour en savoir plus sur webhosting, consultez https //www back4app com/docs/platform/parse web hosting après cela, allez sur https //developer twitter com/en/apps et choisissez de créer une application créer une application ou vous pouvez modifier une application existante en allant sur détails détails > modifier modifier > modifier les détails modifier les détails remplissez le nom de l'application description de l'application dites nous comment cette application sera utilisée pour le url du site web vous pouvez le laisser comme votre https //www back4app com/docs/platform/parse web hosting et les url de rappel seront le https //www back4app com/docs/platform/parse web hosting + /twitter callback /twitter callback cela ressemblera à quelque chose comme ceci 3 configuration de twitter pour commencer à utiliser la connexion twitter pour javascript, vous devez suivre ces étapes pour lier back4app à votre application twitter et vous connecter à votre compte back4app ; cliquez sur paramètres du serveur paramètres du serveur de votre application ensuite, cliquez sur paramètres paramètres du bloc connexion twitter cela devrait ressembler à ceci 4 obtenez le modèle téléchargez le modèle depuis notre dépôt github vous pouvez le faire en utilisant la ligne de commande suivante curl lok https //github com/templates back4app/twitter login js/archive/master zip && unzip master zip 5 remplacez les clés après avoir téléchargé le projet ci dessus, veuillez ouvrir le /cloud/app js /cloud/app js fichier et remplacer les variables suivantes par les clés générées à l'étape 2 const back4appwebhostdomain = ' votre domaine back4app webhost votre domaine back4app webhost '; const consumer key = ' votre cle consommateur votre cle consommateur '; const consumer secret = ' votre secret consommateur votre secret consommateur '; 6 téléchargez votre code sur le serveur back4app pour déployer votre application avec back4app, vous devez télécharger votre code sur cloud code pour ce faire, suivez les étapes ci dessous allez à votre application sur https //www back4app com/ et cliquez sur paramètres du serveur paramètres du serveur trouvez le bloc “cloud code” et cliquez sur paramètres paramètres le bloc ''cloud code'' ressemble à ceci 3\ cliquez sur choisir des fichiers choisir des fichiers et sélectionnez tous les fichiers importés par index html index html déplacez les vers public public , puis cliquez sur enregistrer enregistrer , comme montré ici 4\ vos fichiers ressembleront à ceci 7 c'est fait après avoir suivi le guide décrit ci dessus, vous devez simplement ouvrir votre navigateur avec l'adresse d'hébergement web que vous avez créée si vous avez besoin d'aide ou qu'une fonction/lien ne fonctionne pas, veuillez contacter notre équipe via le chat!