{"id":24676,"date":"2021-05-23T11:23:00","date_gmt":"2021-05-23T08:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24676"},"modified":"2021-10-18T02:14:21","modified_gmt":"2021-10-17T23:14:21","slug":"comment-ajouter-une-connexion-twitter-oauth-sur-un-site-web-avec-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-connexion-twitter-oauth-sur-un-site-web-avec-php\/","title":{"rendered":"Comment ajouter une connexion Twitter OAuth sur un site Web avec PHP"},"content":{"rendered":"<p>Fini le temps o\u00f9 un utilisateur devait remplir le formulaire d&rsquo;inscription, recevoir un e-mail avec un lien d&rsquo;activation, puis activer son compte. Les sites sociaux populaires comme Google, LinkedIn, Twitter fournissent leurs API gr\u00e2ce auxquelles les utilisateurs peuvent se connecter \u00e0 votre site Web. Cela fait gagner du temps aux utilisateurs et aux d\u00e9veloppeurs et ajoute une meilleure exp\u00e9rience utilisateur. Dans cet article, nous \u00e9tudions l&rsquo;ajout d&rsquo;une connexion Twitter OAuth sur un site Web utilisant PHP.<\/p>\n<p>Vous pouvez \u00e9galement lire nos articles :<\/p>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-connexion-google-oauth-sur-un-site-web-avec-php\/\" title=\"Comment ajouter une connexion Google OAuth sur un site Web avec PHP\" >Comment ajouter une connexion Google OAuth sur un site Web avec PHP<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/comment-implementer-la-connexion-avec-linkedin-dans-un-site-web-avec-php\/\" title=\"Comment ajouter une connexion avec LinkedIn dans un site Web avec PHP\" >Comment ajouter une connexion avec LinkedIn dans un site Web avec PHP<\/a><\/li>\n<\/ul>\n<h3>Obtenez des informations d&rsquo;identification Twitter<\/h3>\n<p>Chaque fois que vous souhaitez int\u00e9grer des API de connexion sociale, vous devez obtenir vos informations d&rsquo;identification API. Sur Twitter, vous devez d&rsquo;abord cr\u00e9er votre application puis vous obtiendrez vos cl\u00e9s.<\/p>\n<ul>\n<li>Acc\u00e9dez au <a href=\"https:\/\/dev.twitter.com\/apps\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">compte d\u00e9veloppeur Twitter<\/a> et cr\u00e9ez une nouvelle application.<\/li>\n<li>Remplissez les champs obligatoires tels que le nom et la description de l&rsquo;application.<\/li>\n<li>Mettez le domaine de votre site Web dans le champ Site Web.<\/li>\n<li>D\u00e9finissez l&rsquo;URL de rappel comme <code>YOUR_DOMAIN_URL\/index.php<\/code>.<\/li>\n<li>Une fois que vous vous \u00eates inscrit, copiez les informations d&rsquo;identification de l&rsquo;application (Cl\u00e9 client et secret) qui vous seront demand\u00e9es dans les \u00e9tapes suivantes.<\/li>\n<\/ul>\n<p>Au fur et \u00e0 mesure que nous d\u00e9finissons l&rsquo;URL de rappel sur <code>index.php<\/code>fichier, nous traiterons le code de redirection dans ce fichier. Vous pouvez d\u00e9finir les diff\u00e9rentes URL selon vos besoins.<\/p>\n<h3>Configurer la biblioth\u00e8que HybridAuth<\/h3>\n<p>Afin d&rsquo;int\u00e9grer la connexion sociale, je recommande toujours d&rsquo;utiliser <a href=\"https:\/\/hybridauth.github.io\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HybridAuth<\/a> qui est une biblioth\u00e8que PHP open source de connexion sociale. En utilisant cette biblioth\u00e8que, on peut facilement ajouter une connexion sociale \u00e0 leur application. Vous n&rsquo;avez pas besoin de vous gratter la t\u00eate contre la documentation de l&rsquo;API. Saisissez simplement vos informations d&rsquo;identification et HybridAuth fait le reste pour vous.<\/p>\n<p>Cr\u00e9ez un <code>composer.json<\/code>fichier et ajoutez-y le code ci-dessous.<\/p>\n<pre><code>{\n\u00a0\u00a0\u00a0\u00a0\"require\": {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"hybridauth\/hybridauth\": \"~3.0\"\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n<p>Ensuite, ex\u00e9cutez la commande ci-dessous qui installera la biblioth\u00e8que HybridAuth dans votre application.<\/p>\n<pre><code>composer install<\/code><\/pre>\n<p>Cr\u00e9ez un <code>config.php<\/code>fichier et \u00e9crivez le code ci-dessous dedans. Nous ajoutons \u00e9galement des informations d&rsquo;identification Twitter dans le fichier de configuration.<\/p>\n<pre><code>&lt;?php\nrequire_once 'vendor\/autoload.php';\n\u00a0\u00a0\n$config = [\n\u00a0\u00a0\u00a0\u00a0'callback' =&gt; 'YOUR_DOMAIN_URL\/index.php',\n\u00a0\u00a0\u00a0\u00a0'keys'\u00a0\u00a0\u00a0\u00a0 =&gt; ['key' =&gt; 'TWITTER_CONSUMER_API_KEY', 'secret' =&gt; 'TWITTER_CONSUMER_API_SECRET_KEY'],\n\u00a0\u00a0\u00a0\u00a0'authorize' =&gt; true\n];\n\u00a0\u00a0\n$adapter = new HybridauthProviderTwitter( $config );<\/code><\/pre>\n<h3>Twitter OAuth Connexion au site Web<\/h3>\n<p>Nous avons termin\u00e9 avec toutes les configurations de base. Maintenant, nous pouvons aller de l&rsquo;avant et ajouter une connexion avec la fonctionnalit\u00e9 Twitter sur le site Web. Cr\u00e9ez un fichier appel\u00e9 <code>index.php<\/code>et ajoutez-y le code ci-dessous.<\/p>\n<pre><code>&lt;?php\nrequire_once 'config.php';\n\u00a0\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0$adapter-&gt;authenticate();\n\u00a0\u00a0\u00a0\u00a0$userProfile = $adapter-&gt;getUserProfile();\n\u00a0\u00a0\u00a0\u00a0print_r($userProfile);\n\u00a0\u00a0\u00a0\u00a0echo '&lt;a href=\"logout.php\"&gt;Logout&lt;\/a&gt;';\n}\ncatch( Exception $e ){\n\u00a0\u00a0\u00a0\u00a0echo $e-&gt;getMessage() ;\n}<\/code><\/pre>\n<p>Ex\u00e9cutez l&rsquo;URL <code>YOUR_DOMAIN_URL\/index.php<\/code>dans le navigateur, le code dans le fichier v\u00e9rifie d&rsquo;abord si l&rsquo;utilisateur est authentifi\u00e9 avec &lsquo;Twitter&rsquo; ou non. Sinon, il redirige vers la page de connexion de Twitter. L&rsquo;utilisateur doit compl\u00e9ter son authentification. Apr\u00e8s authentification, l&rsquo;utilisateur revient sur le <code>index.php<\/code>. Apr\u00e8s cela, nous pouvons obtenir les informations de l&rsquo;utilisateur en utilisant la m\u00e9thode <code>getUserProfile()<\/code>.<\/p>\n<p>Enfin, dans le, <code>logout.php<\/code>nous devons d\u00e9connecter l&rsquo;adaptateur (Twitter) qui d\u00e9connecte automatiquement l&rsquo;utilisateur de l&rsquo;application.<\/p>\n<pre><code>&lt;?php\nrequire_once 'config.php';\n\u00a0\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0if ($adapter-&gt;isConnected()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$adapter-&gt;disconnect();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Logged out the user';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo '&lt;p&gt;&lt;a href=\"index.php\"&gt;Login&lt;\/a&gt;&lt;\/p&gt;';\n\u00a0\u00a0\u00a0\u00a0}\n}\ncatch( Exception $e ){\n\u00a0\u00a0\u00a0\u00a0echo $e-&gt;getMessage() ;\n}<\/code><\/pre>\n<p>C&rsquo;est \u00e7a! J&rsquo;esp\u00e8re que vous avez appris \u00e0 ajouter une connexion Twitter OAuth sur le site Web avec PHP. S&rsquo;il vous pla\u00eet partager vos pens\u00e9es ou suggestions dans la section commentaires ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, je vous montre comment ajouter une connexion Twitter OAuth \u00e0 un site Web avec PHP. En utilisant Twitter, les utilisateurs peuvent facilement se connecter \u00e0 votre<\/p>\n","protected":false},"author":1,"featured_media":20108,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[273],"tags":[844],"class_list":["post-24676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=24676"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24676\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/20108"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=24676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=24676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=24676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}