{"id":24227,"date":"2021-05-14T16:16:00","date_gmt":"2021-05-14T13:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24227"},"modified":"2021-10-18T02:44:11","modified_gmt":"2021-10-17T23:44:11","slug":"so-fugen-sie-google-oauth-login-in-website-mit-php-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fugen-sie-google-oauth-login-in-website-mit-php-hinzu\/","title":{"rendered":"So f\u00fcgen Sie Google OAuth-Login in Website mit PHP hinzu"},"content":{"rendered":"<p>Wenn Sie eine Website betreiben, auf der sich ein Benutzer registrieren kann, m\u00f6chten Sie m\u00f6glicherweise die Google OAuth-Anmeldefunktion hinzuf\u00fcgen. Die Google-Anmeldung f\u00fcr Websites bietet Benutzern einen einfachen Registrierungsprozess. Ihre Nutzer k\u00f6nnen ihr Google-Konto verwenden, um sich bei Ihrer Website anzumelden. Sie m\u00fcssen nicht Ihr Registrierungsformular ausf\u00fcllen, ihr Konto per E-Mail aktivieren usw.<\/p>\n<p>In diesem Artikel erfahren Sie, wie Sie die Google OAuth-Login-Funktion zu Ihrer Website hinzuf\u00fcgen.<\/p>\n<h3>Holen Sie sich Ihre Zugangsdaten<\/h3>\n<p>Um mit der Google-Login-API zu beginnen, m\u00fcssen Sie zun\u00e4chst ein Projekt bei Google erstellen und Ihre Anmeldeinformationen abrufen. Im Folgenden sind die Schritte aufgef\u00fchrt, die Sie ausf\u00fchren sollten, um das Google-Projekt zu erstellen.<\/p>\n<ul>\n<li>Rufen Sie die <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google-Entwicklerkonsole auf<\/a>.<\/li>\n<li>Klicken Sie auf das Dropdown-Men\u00fc und erstellen Sie ein neues Projekt, indem Sie auf das (+)-Zeichen klicken. Alternativ k\u00f6nnen Sie auch das vorhandene Projekt ausw\u00e4hlen.<\/li>\n<li>W\u00e4hlen Sie Ihr Projekt aus und klicken Sie auf &#8218;APIS UND DIENSTE AKTIVIEREN&#8216;. Geben Sie in das Suchfeld &quot;Google+&quot; ein und w\u00e4hlen Sie die Google+ API aus. Aktivieren Sie es.<\/li>\n<li>Rufen Sie erneut Ihr Projekt-Dashboard auf und w\u00e4hlen Sie in der Seitenleiste Anmeldeinformationen aus.<\/li>\n<li>Klicken Sie auf der Registerkarte Anmeldeinformationen auf das Dropdown-Men\u00fc Anmeldeinformationen erstellen und w\u00e4hlen Sie OAuth-Client-ID aus.<\/li>\n<li>W\u00e4hlen Sie unter Anwendungstyp die Webanwendung aus. Geben Sie unter Autorisierte Weiterleitungs-URLs die URL ein<code>YOUR_DOMAIN_URL\/index.php<\/code><\/li>\n<li>Sobald Sie es gespeichert haben, erhalten Sie das Dialogfeld zusammen mit Ihrer Client-ID und Ihrem Client-Geheimnis. Kopieren Sie diese Schl\u00fcssel, die wir in den n\u00e4chsten Schritten ben\u00f6tigen.<\/li>\n<\/ul>\n<p>M\u00f6glicherweise bemerken Sie die Umleitungs-URL, die wir in der Anwendung festgelegt haben. In diesem Tutorial behandeln wir den R\u00fcckrufcode in der <code>index.php<\/code>. Es steht dem Benutzer frei, zu diesem Zweck jede andere Datei zu verwenden.<\/p>\n<h3>Installation der HybridAuth-Bibliothek<\/h3>\n<p><a href=\"https:\/\/hybridauth.github.io\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HybridAuth<\/a> ist eine Open-Source-Social-Sign-On-PHP-Bibliothek. Mit dieser Bibliothek k\u00f6nnen wir ein Social Login f\u00fcr einen oder mehrere Anbieter wie Google, Facebook, Twitter usw. hinzuf\u00fcgen.<\/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=\"So f\u00fcgen Sie Google OAuth-Login in Website mit PHP hinzu\" ><\/a><\/p>\n<p>Lassen Sie uns die HybridAuth-Bibliothek mit einem Composer installieren. Erstellen Sie eine <code>composer.json<\/code>Datei im Stammordner des Projekts und f\u00fcgen Sie den folgenden Code hinzu.<\/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>\u00d6ffnen Sie als N\u00e4chstes das Terminal in Ihrem Projektstammverzeichnis und f\u00fchren Sie den Befehl aus:<\/p>\n<pre><code>composer install<\/code><\/pre>\n<p>Erstellen Sie die <code>config.php<\/code>Datei und f\u00fcgen Sie den folgenden Code hinzu, um das Google-Login zu konfigurieren.<\/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>Stellen Sie sicher, dass Sie die Platzhalter durch die tats\u00e4chlichen Werte ersetzen. Im obigen Code haben wir <code>YOUR_DOMAIN_URL\/index.php<\/code>als R\u00fcckrufwert \u00fcbergeben. Passen Sie diesen Pfad gem\u00e4\u00df Ihren Anforderungen an.<\/p>\n<h3>Google OAuth-Login hinzuf\u00fcgen<\/h3>\n<p>Wir sind alle mit unseren Konfigurationen fertig und gut, um fortzufahren. Lassen Sie uns also Dateien <code>index.php<\/code>und <code>logout.php<\/code>in Ihrem Projektstammverzeichnis erstellen .<\/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>Wenn Sie nun <code>index.php<\/code>im Browser laufen, \u00fcberpr\u00fcft unser Code zun\u00e4chst, ob der Benutzer bei &#8218;Google&#8216; authentifiziert ist oder nicht. Wenn nicht, wird auf die Google-Anmeldeseite weitergeleitet. Der Benutzer muss sich mit seinem Google-Konto anmelden und wird dann <code>index.php<\/code>erneut auf das Konto weitergeleitet. Sobald der Benutzer zur Anmeldeseite gelangt, erhalten wir das Benutzerprofil mithilfe der Methode <code>getUserProfile()<\/code>.<\/p>\n<p>In der <code>logout.php<\/code>Datei m\u00fcssen wir nur den Google-Adapter trennen.<\/p>\n<p><strong>logout.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>Wir hoffen, dass Sie auf einer Website mit PHP etwas \u00fcber <strong>Google OAuth Login<\/strong> erfahren. Bitte teilen Sie Ihre Gedanken im Kommentarbereich unten mit.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/google-login-in-laravel-mit-laravel-socialite\/\" title=\"Google-Login in Laravel mit Laravel Socialite\">Google-Login in Laravel mit Laravel Socialite<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-integrieren-sie-den-mailchimp-newsletter-in-die-laravel-anwendung\/\" title=\"So integrieren Sie den MailChimp-Newsletter in die Laravel-Anwendung\">So integrieren Sie den MailChimp-Newsletter in die Laravel-Anwendung<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-erstellen-sie-ein-backup-der-laravel-anwendung\/\" title=\"So erstellen Sie ein Backup der Laravel-Anwendung\">So erstellen Sie ein Backup der Laravel-Anwendung<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie Google OAuth Login zu Ihrer Website hinzuf\u00fcgen? In diesem Artikel zeigen wir Ihnen, wie Sie Google-Anmeldung f\u00fcr Websites hinzuf\u00fcgen k\u00f6nnen, die eine HybridAuth-Bibliothek verwenden.<\/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":[272],"tags":[845],"class_list":["post-24227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=24227"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/22248"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=24227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=24227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=24227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}