{"id":24233,"date":"2021-05-14T15:52:00","date_gmt":"2021-05-14T12:52:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24233"},"modified":"2021-10-18T02:18:39","modified_gmt":"2021-10-17T23:18:39","slug":"comment-ajouter-une-connexion-google-oauth-sur-un-site-web-avec-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-connexion-google-oauth-sur-un-site-web-avec-php\/","title":{"rendered":"Comment ajouter une connexion Google OAuth sur un site Web avec PHP"},"content":{"rendered":"<p>Si vous exploitez un site Web sur lequel un utilisateur peut s&rsquo;inscrire, vous souhaiterez peut-\u00eatre ajouter la fonction de connexion Google OAuth. La connexion Google pour les sites Web ajoute un processus d&rsquo;enregistrement simple pour les utilisateurs. Vos utilisateurs peuvent utiliser leur compte Google pour s&rsquo;inscrire \u00e0 votre site Web. Ils n&rsquo;ont pas besoin de remplir votre formulaire d&rsquo;inscription, d&rsquo;activer leur compte par e-mail, etc.<\/p>\n<p>Dans cet article, nous \u00e9tudions comment ajouter la fonctionnalit\u00e9 de connexion Google OAuth \u00e0 votre site Web.<\/p>\n<h3>Obtenez vos identifiants<\/h3>\n<p>Pour commencer avec l&rsquo;API de connexion Google, vous devez d&rsquo;abord cr\u00e9er un projet sur Google et obtenir vos informations d&rsquo;identification. Vous trouverez ci-dessous les \u00e9tapes \u00e0 suivre pour cr\u00e9er le projet Google.<\/p>\n<ul>\n<li>Acc\u00e9dez \u00e0 la <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">console d\u00e9veloppeur de Google<\/a>.<\/li>\n<li>Cliquez sur la liste d\u00e9roulante et cr\u00e9ez un nouveau projet en cliquant sur le signe (+). Alternativement, vous pouvez \u00e9galement s\u00e9lectionner le projet existant.<\/li>\n<li>S\u00e9lectionnez votre projet et cliquez sur &lsquo;ACTIVER LES API ET LES SERVICES&rsquo;. Dans le champ de recherche, saisissez \u00ab\u00a0Google+\u00a0\u00bb et s\u00e9lectionnez l&rsquo;API Google+. Activez-le.<\/li>\n<li>Acc\u00e9dez \u00e0 nouveau au tableau de bord de votre projet et s\u00e9lectionnez Informations d&rsquo;identification dans la barre lat\u00e9rale.<\/li>\n<li>Sous l&rsquo;onglet Informations d&rsquo;identification, cliquez sur la liste d\u00e9roulante Cr\u00e9er des informations d&rsquo;identification et s\u00e9lectionnez ID client OAuth.<\/li>\n<li>S\u00e9lectionnez l&rsquo;application Web dans Type d&rsquo;application. Dans les URL de redirection autoris\u00e9es, saisissez l&rsquo;URL<code>YOUR_DOMAIN_URL\/index.php<\/code><\/li>\n<li>Une fois que vous l&rsquo;avez enregistr\u00e9, vous obtiendrez la bo\u00eete de dialogue avec votre identifiant client et votre secret client. Copiez ces cl\u00e9s dont nous aurons besoin dans les prochaines \u00e9tapes.<\/li>\n<\/ul>\n<p>Vous remarquerez peut-\u00eatre l&rsquo;URL de redirection que nous avons d\u00e9finie dans l&rsquo;application. Dans ce tutoriel, nous allons g\u00e9rer le code de rappel dans le fichier <code>index.php<\/code>. Les utilisateurs sont libres d&rsquo;utiliser tout autre fichier \u00e0 cette fin.<\/p>\n<h3>Installation de la biblioth\u00e8que HybridAuth<\/h3>\n<p><a href=\"https:\/\/hybridauth.github.io\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HybridAuth<\/a> est une biblioth\u00e8que PHP open source de connexion sociale. En utilisant cette biblioth\u00e8que, nous pouvons ajouter une connexion sociale pour un ou plusieurs fournisseurs comme Google, Facebook, Twitter, etc.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20615-60820ed8509b3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20615-60820ed8509b3.png\" alt=\"Comment ajouter une connexion Google OAuth sur un site Web avec PHP\" ><\/a><\/p>\n<p>Installons la biblioth\u00e8que HybridAuth \u00e0 l&rsquo;aide d&rsquo;un composer. Cr\u00e9ez un <code>composer.json<\/code>fichier dans le dossier racine du projet 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, ouvrez le terminal dans le r\u00e9pertoire racine de votre projet et ex\u00e9cutez la commande\u00a0:<\/p>\n<pre><code>composer install<\/code><\/pre>\n<p>Cr\u00e9ez le <code>config.php<\/code>fichier et ajoutez le code ci-dessous pour configurer la connexion Google.<\/p>\n<pre><code>&lt;?php\nrequire_once 'vendor\/autoload.php';\n\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; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'id' =&gt; 'YOUR_CLIENT_ID',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'secret' =&gt; 'YOUR_CLIENT_SECRET'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0'scope'\u00a0\u00a0\u00a0 =&gt; 'https:\/\/www.googleapis.com\/auth\/userinfo.profile https:\/\/www.googleapis.com\/auth\/userinfo.email',\n\u00a0\u00a0\u00a0\u00a0'authorize_url_parameters' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'approval_prompt' =&gt; 'force', \/\/ to pass only when you need to acquire a new refresh token.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'access_type' =&gt; 'offline'\n\u00a0\u00a0\u00a0\u00a0]\n];\n\u00a0\n$adapter = new HybridauthProviderGoogle( $config );<\/code><\/pre>\n<p>Assurez-vous de remplacer les espaces r\u00e9serv\u00e9s par les valeurs r\u00e9elles. Dans le code ci-dessus, nous avons pass\u00e9 en <code>YOUR_DOMAIN_URL\/index.php<\/code>tant que valeur de rappel. Ajustez ce chemin selon vos besoins.<\/p>\n<h3>Ajouter la connexion Google OAuth<\/h3>\n<p>Nous avons tous mis nos configurations et bon pour aller de l&rsquo;avant. Alors, cr\u00e9ons des fichiers <code>index.php<\/code>et <code>logout.php<\/code>dans le r\u00e9pertoire racine de votre projet.<\/p>\n<p><strong>index.php<\/strong><\/p>\n<pre><code>&lt;?php\nrequire_once 'config.php';\n\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>D\u00e9sormais, lorsque vous ex\u00e9cutez <code>index.php<\/code>dans le navigateur, notre code v\u00e9rifie d&rsquo;abord si l&rsquo;utilisateur est authentifi\u00e9 avec &lsquo;Google&rsquo; ou non. Sinon, il redirige vers la page de connexion Google. L&rsquo;utilisateur doit se connecter avec son compte Google, puis il sera redirig\u00e9 vers le <code>index.php<\/code>nouveau. Une fois que l&rsquo;utilisateur acc\u00e8de \u00e0 la page de connexion, nous obtenons le profil de l&rsquo;utilisateur en utilisant la m\u00e9thode <code>getUserProfile()<\/code>.<\/p>\n<p>Dans le <code>logout.php<\/code>fichier, il suffit de d\u00e9connecter l&rsquo;adaptateur Google.<\/p>\n<p><strong>d\u00e9connexion.php<\/strong><\/p>\n<pre><code>&lt;?php\nrequire_once 'config.php';\n\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>Nous esp\u00e9rons que vous pourrez d\u00e9couvrir <strong>Google OAuth Login<\/strong> sur un site Web avec PHP. S&rsquo;il vous pla\u00eet partager vos pens\u00e9es dans la section commentaire ci-dessous.<\/p>\n<h4>Articles Li\u00e9s<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/connexion-google-dans-laravel-en-utilisant-laravel-socialite\/\" title=\"Connexion Google dans Laravel en utilisant Laravel Socialite\">Connexion Google dans Laravel en utilisant Laravel Socialite<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/comment-integrer-la-newsletter-mailchimp-dans-l-application-laravel\/\" title=\"Comment int\u00e9grer la newsletter MailChimp dans l&#039;application Laravel\">Comment int\u00e9grer la newsletter MailChimp dans l&rsquo;application Laravel<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fr\/comment-faire-une-sauvegarde-de-l-application-laravel\/\" title=\"Comment faire une sauvegarde de l&#039;application Laravel\">Comment faire une sauvegarde de l&rsquo;application Laravel<\/a><\/li>\n<\/ul>\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>Souhaitez-vous ajouter Google OAuth Login \u00e0 votre site Web\u00a0? Dans cet article, nous vous montrons comment ajouter une connexion Google pour les sites Web \u00e0 l&rsquo;aide d&rsquo;une biblioth\u00e8que HybridAuth.<\/p>\n","protected":false},"author":1,"featured_media":22248,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[273],"tags":[844],"class_list":["post-24233","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\/24233","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=24233"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/24233\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/22248"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=24233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=24233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=24233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}