{"id":27915,"date":"2021-05-14T15:41:00","date_gmt":"2021-05-14T12:41:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27915"},"modified":"2021-10-17T04:57:33","modified_gmt":"2021-10-17T01:57:33","slug":"hur-man-lagger-till-google-oauth-inloggning-pa-webbplatsen-med-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-google-oauth-inloggning-pa-webbplatsen-med-php\/","title":{"rendered":"Hur man l\u00e4gger till Google OAuth-inloggning p\u00e5 webbplatsen med PHP"},"content":{"rendered":"<p>Om du driver en webbplats d\u00e4r en anv\u00e4ndare kan registrera sig kanske du vill l\u00e4gga till Google OAuth-inloggningsfunktionen. Googles inloggning p\u00e5 webbplatser l\u00e4gger till en enkel registreringsprocess f\u00f6r anv\u00e4ndare. Dina anv\u00e4ndare kan anv\u00e4nda sitt Google-konto f\u00f6r att registrera sig p\u00e5 din webbplats. De beh\u00f6ver inte fylla i ditt registreringsformul\u00e4r, aktivera deras konto via e-post etc.<\/p>\n<p>I den h\u00e4r artikeln studerar vi hur du l\u00e4gger till Google OAuth-inloggningsfunktionen p\u00e5 din webbplats.<\/p>\n<h3>F\u00e5 dina uppgifter<\/h3>\n<p>F\u00f6r att komma ig\u00e5ng med Googles inloggnings-API m\u00e5ste du f\u00f6rst skapa ett projekt p\u00e5 Google och f\u00e5 dina referenser. Nedan f\u00f6ljer stegen du b\u00f6r utf\u00f6ra f\u00f6r att skapa Google-projektet.<\/p>\n<ul>\n<li>G\u00e5 till <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Googles utvecklarkonsol<\/a>.<\/li>\n<li>Klicka p\u00e5 rullgardinsmenyn och skapa ett nytt projekt genom att klicka p\u00e5 (+) tecken. Alternativt kan du ocks\u00e5 v\u00e4lja det befintliga projektet.<\/li>\n<li>V\u00e4lj ditt projekt och klicka p\u00e5 &#8217;AKTIVERA APIS OCH TJ\u00c4NSTER&#8217;. Skriv &#8217;Google+&#8217; i s\u00f6krutan och v\u00e4lj Google+ API. Aktivera det.<\/li>\n<li>\u00c5terigen komma till din projektinstrumentpanel och v\u00e4lj Referenser fr\u00e5n sidof\u00e4ltet.<\/li>\n<li>Under fliken Referenser, klicka p\u00e5 rullgardinsmenyn Skapa referenser och v\u00e4lj OAuth-klient-id.<\/li>\n<li>V\u00e4lj webbapplikationen fr\u00e5n applikationstyp. Ange webbadressen i de auktoriserade omdirigeringsadresserna<code>YOUR_DOMAIN_URL\/index.php<\/code><\/li>\n<li>N\u00e4r du har sparat den f\u00e5r du dialogrutan tillsammans med ditt klient-ID och klienthemlighet. Kopiera dessa nycklar som vi beh\u00f6ver i n\u00e4sta steg.<\/li>\n<\/ul>\n<p>Du kanske m\u00e4rker webbadressen f\u00f6r omdirigering som vi st\u00e4ller in i applikationen. I denna handledning hanterar vi \u00e5teruppringningskod i <code>index.php<\/code>. Anv\u00e4ndarna kan anv\u00e4nda andra filer f\u00f6r detta \u00e4ndam\u00e5l.<\/p>\n<h3>Installation av HybridAuth Library<\/h3>\n<p><a href=\"https:\/\/hybridauth.github.io\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HybridAuth<\/a> \u00e4r ett open-source socialt inloggnings-PHP-bibliotek. Med hj\u00e4lp av detta bibliotek kan vi l\u00e4gga till en social inloggning f\u00f6r en eller flera leverant\u00f6rer som 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=\"Hur man l\u00e4gger till Google OAuth-inloggning p\u00e5 webbplatsen med PHP\" ><\/a><\/p>\n<p>L\u00e5t oss installera HybridAuth-biblioteket med en komposit\u00f6r. Skapa en <code>composer.json<\/code>fil i projektets rotmapp och l\u00e4gg till koden nedan i den.<\/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>\u00d6ppna sedan terminalen i din projektkatalog och k\u00f6r kommandot:<\/p>\n<pre><code>composer install<\/code><\/pre>\n<p>Skapa <code>config.php<\/code>filen och l\u00e4gg till koden nedan i den f\u00f6r att konfigurera Google-inloggningen.<\/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>Se till att ers\u00e4tta platsh\u00e5llarna med de faktiska v\u00e4rdena. I ovanst\u00e5ende kod passerade vi <code>YOUR_DOMAIN_URL\/index.php<\/code>som ett \u00e5teruppringningsv\u00e4rde. Justera den h\u00e4r s\u00f6kv\u00e4gen enligt dina krav.<\/p>\n<h3>L\u00e4gg till Google OAuth-inloggning<\/h3>\n<p>Vi \u00e4r alla inst\u00e4llda p\u00e5 v\u00e5ra konfigurationer och bra att g\u00e5 vidare. S\u00e5, l\u00e5t oss skapa filer <code>index.php<\/code>och <code>logout.php<\/code>i din projektkatalog.<\/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>Nu n\u00e4r du k\u00f6r <code>index.php<\/code>i webbl\u00e4saren kontrollerar v\u00e5r kod f\u00f6rst om anv\u00e4ndaren \u00e4r autentiserad med &#8217;Google&#8217; eller inte. Om inte, omdirigeras den till Googles inloggningssida. Anv\u00e4ndaren m\u00e5ste logga in med sitt Google-konto och sedan omdirigeras det till <code>index.php<\/code>igen. N\u00e4r anv\u00e4ndaren v\u00e4l kommer till inloggningssidan f\u00e5r vi anv\u00e4ndarprofil genom att anv\u00e4nda metoden <code>getUserProfile()<\/code>.<\/p>\n<p>I <code>logout.php<\/code>filen beh\u00f6ver vi bara koppla bort Google-adaptern.<\/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>Vi hoppas att du kan l\u00e4ra dig mer om <strong>Google OAuth-inloggning<\/strong> p\u00e5 en webbplats med PHP. Dela dina tankar i kommentarsektionen nedan.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/google-inloggning-i-laravel-med-laravel-socialite\/\" title=\"Google-inloggning i Laravel med Laravel Socialite\">Google-inloggning i Laravel med Laravel Socialite<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-integrerar-mailchimp-nyhetsbrev-i-laravel-application\/\" title=\"Hur man integrerar MailChimp nyhetsbrev i Laravel Application\">Hur man integrerar MailChimp nyhetsbrev i Laravel Application<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-tar-backup-av-laravel-application\/\" title=\"Hur man tar backup av Laravel Application\">Hur man tar backup av Laravel Application<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vill du l\u00e4gga till Google OAuth-inloggning p\u00e5 din webbplats? I den h\u00e4r artikeln visar vi hur man kan l\u00e4gga till Google-inloggning p\u00e5 webbplatser med ett HybridAuth-bibliotek.<\/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":[279],"tags":[850],"class_list":["post-27915","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=27915"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27915\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/22248"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=27915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=27915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=27915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}