{"id":24217,"date":"2021-05-14T16:01:00","date_gmt":"2021-05-14T13:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24217"},"modified":"2021-10-17T20:59:21","modified_gmt":"2021-10-17T17:59:21","slug":"kuinka-lisata-google-oauth-kirjautuminen-verkkosivustoon-php-n-avulla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-google-oauth-kirjautuminen-verkkosivustoon-php-n-avulla\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 Google OAuth -kirjautuminen verkkosivustoon PHP: n avulla"},"content":{"rendered":"<p>Jos sinulla on verkkosivusto, johon k\u00e4ytt\u00e4j\u00e4 voi rekister\u00f6ity\u00e4, sinun kannattaa lis\u00e4t\u00e4 Google OAuth -kirjautumisominaisuus. Google-kirjautuminen verkkosivustoille lis\u00e4\u00e4 k\u00e4ytt\u00e4jille helpon rekister\u00f6intiprosessin. K\u00e4ytt\u00e4j\u00e4t voivat kirjautua Google-tilillesi verkkosivustollesi. Heid\u00e4n ei tarvitse t\u00e4ytt\u00e4\u00e4 rekister\u00f6intilomakettasi, aktivoida tilins\u00e4 s\u00e4hk\u00f6postitse jne.<\/p>\n<p>T\u00e4ss\u00e4 artikkelissa tutkitaan, miten Google OAuth -kirjautumisominaisuus lis\u00e4t\u00e4\u00e4n verkkosivustoosi.<\/p>\n<h3>Hanki valtakirjasi<\/h3>\n<p>Aloita Google login API -sovellusliittym\u00e4n luominen ensin luomalla projekti Googlessa ja hankkimalla kirjautumistiedot. Alla on vaiheet, jotka sinun tulisi suorittaa Google-projektin luomiseksi.<\/p>\n<ul>\n<li>Siirry <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Developer Consoleen<\/a>.<\/li>\n<li>Napsauta avattavaa valikkoa ja luo uusi projekti napsauttamalla (+) -merkki\u00e4. Vaihtoehtoisesti voit valita my\u00f6s olemassa olevan projektin.<\/li>\n<li>Valitse projekti ja napsauta kohtaa &#8217;SALLITA APIS JA PALVELUT&#8217;. Kirjoita hakukentt\u00e4\u00e4n &#8217;Google+&#8217; ja valitse Google+ -sovellusliittym\u00e4. Ota se k\u00e4ytt\u00f6\u00f6n.<\/li>\n<li>J\u00e4lleen palaa projektin hallintapaneeliin ja valitse sivupalkista Tunnistetiedot.<\/li>\n<li>Napsauta Tunnistetiedot-v\u00e4lilehden avattavaa Luo tunnistetiedot -kohtaa ja valitse OAuth-asiakastunnus.<\/li>\n<li>Valitse verkkosovellus kohdasta Sovelluksen tyyppi. Kirjoita URL-osoite Valtuutetut uudelleenohjaus-URL-osoitteet -kohtaan<code>YOUR_DOMAIN_URL\/index.php<\/code><\/li>\n<li>Kun olet tallentanut sen, saat valintaikkunan sek\u00e4 asiakastunnuksesi ja asiakassalaisuutesi. Kopioi n\u00e4m\u00e4 avaimet, joita tarvitsemme seuraavissa vaiheissa.<\/li>\n<\/ul>\n<p>Saatat huomata uudelleenohjauksen URL-osoitteen, jonka asetimme sovelluksessa. T\u00e4ss\u00e4 opetusohjelmassa k\u00e4sittelemme soittokoodia <code>index.php<\/code>. K\u00e4ytt\u00e4j\u00e4t voivat k\u00e4ytt\u00e4\u00e4 muita tiedostoja t\u00e4h\u00e4n tarkoitukseen.<\/p>\n<h3>HybridAuth-kirjaston asennus<\/h3>\n<p><a href=\"https:\/\/hybridauth.github.io\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HybridAuth<\/a> on avoimen l\u00e4hdekoodin sosiaalisen kirjautumisen PHP-kirjasto. T\u00e4t\u00e4 kirjastoa k\u00e4ytt\u00e4m\u00e4ll\u00e4 voimme lis\u00e4t\u00e4 sosiaalisen kirjautumisen yhdelle tai useammalle palveluntarjoajalle, kuten Google, Facebook, Twitter jne.<\/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=\"Kuinka lis\u00e4t\u00e4 Google OAuth -kirjautuminen verkkosivustoon PHP: n avulla\" ><\/a><\/p>\n<p>Asennetaan HybridAuth-kirjasto s\u00e4velt\u00e4j\u00e4n avulla. Luo <code>composer.json<\/code>tiedosto projektin juurikansioon ja lis\u00e4\u00e4 alla oleva koodi siihen.<\/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>Avaa seuraavaksi p\u00e4\u00e4te projektin juurihakemistossa ja suorita komento:<\/p>\n<pre><code>composer install<\/code><\/pre>\n<p>Luo <code>config.php<\/code>tiedosto ja lis\u00e4\u00e4 siihen alla oleva koodi m\u00e4\u00e4ritt\u00e4\u00e4ksesi Google-kirjautumistunnuksen.<\/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>Muista korvata paikkamerkit todellisilla arvoilla. Yll\u00e4 olevassa koodissa <code>YOUR_DOMAIN_URL\/index.php<\/code>v\u00e4litimme soittopyynn\u00f6n arvona. S\u00e4\u00e4d\u00e4 t\u00e4t\u00e4 polkua vaatimuksesi mukaan.<\/p>\n<h3>Lis\u00e4\u00e4 Google OAuth -kirjautuminen<\/h3>\n<p>Olemme kaikki asettaneet kokoonpanomme kanssa ja hyv\u00e4 menn\u00e4 eteenp\u00e4in. Joten, luodaan tiedostot <code>index.php<\/code>ja <code>logout.php<\/code>projektin juurihakemistoon.<\/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>Nyt kun suoritat <code>index.php<\/code>selaimessa, koodimme tarkistaa ensin, onko k\u00e4ytt\u00e4j\u00e4 todennettu Google-palvelulla vai ei. Jos ei, se ohjaa Googlen kirjautumissivulle. K\u00e4ytt\u00e4j\u00e4n on kirjauduttava sis\u00e4\u00e4n Google-tilill\u00e4\u00e4n ja sitten se ohjaa <code>index.php<\/code>uudelleen. Kun k\u00e4ytt\u00e4j\u00e4 tulee kirjautumissivulle, saamme k\u00e4ytt\u00e4j\u00e4profiilin menetelm\u00e4ll\u00e4 <code>getUserProfile()<\/code>.<\/p>\n<p>Vuonna <code>logout.php<\/code>tiedosto meid\u00e4n t\u00e4ytyy vain irrottaa Google sovittimen.<\/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>Toivomme, ett\u00e4 saat tiet\u00e4\u00e4 <strong>Google OAuth -kirjautumisesta<\/strong> PHP-verkkosivustolla. Ole hyv\u00e4 ja jaa ajatuksiasi alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/google-kirjautuminen-laravelissa-laravel-socialiten-avulla\/\" title=\"Google-kirjautuminen Laravelissa Laravel Socialiten avulla\">Google-kirjautuminen Laravelissa Laravel Socialiten avulla<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-integroida-mailchimp-uutiskirje-laravel-sovellukseen\/\" title=\"Kuinka integroida MailChimp-uutiskirje Laravel-sovellukseen\">Kuinka integroida MailChimp-uutiskirje Laravel-sovellukseen<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-ottaa-laravel-sovelluksen-varmuuskopiointi\/\" title=\"Kuinka ottaa Laravel-sovelluksen varmuuskopiointi\">Kuinka ottaa Laravel-sovelluksen varmuuskopiointi<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Haluatko lis\u00e4t\u00e4 Google OAuth -kirjautumisen verkkosivustoosi? T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme sinulle, kuinka Google-kirjautumista verkkosivustoille voidaan lis\u00e4t\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 HybridAuth-kirjastoa.<\/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":[275],"tags":[843],"class_list":["post-24217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=24217"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/24217\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/22248"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=24217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=24217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=24217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}