Liomans Blog - OAuthhttps://lioman.de/42 ist die Antwort – aber wie lautet die Frage?Mon, 04 Feb 2013 13:26:00 +0100Wordpress: Kommentieren mit sozialen Netzwerken erlaubenhttps://lioman.de/2013/02/wordpress-kommentieren-mit-sozialen-netzwerken-erlauben/<p>Ist man viel im Netz unterwegs, kommen innerhalb kurzer Zeit eine ganze Menge an unterschiedlichen Logindaten zusammen. Damit man sich nicht jedes mal neue Zugangsdaten merken muss bieten viele größeren Netzwerke, wie Twitter, Google und Facebook eine OAuth-<span class="caps">API</span> an. Wird diese jetzt von anderen Seiten und Diensten in eingebaut, kann man sich recht einfach mit dem großen Netzwerk anmelden oder registrieren. Das ist praktisch und senkt die Hürde sich anzumelden&nbsp;ungemein.</p> <div class="figure align-right"> <a class="reference external image-reference" href="https://lioman.de/images/wordpress_com-commentform.png"> <img alt="Wordpress.com Kommentarformular" src="https://lioman.de/images/wordpress_com-commentform-300x144.png" /> </a> <p class="caption">Wordpress.com&nbsp;Kommentarformular</p> </div> <p>Dies kann man sich in Blogs zu Nutze machen und potentiellen Kommentatoren das Kommentieren erleichtern. <a class="reference external" href="https://wordpress.com">Wordpress.com</a> hat deswegen auch schon länger mit Hilfe von Twitter und Facebook Kommentare absetzen. Hat man ein selbst gehostetes Blog gibt es von <a class="reference external" href="http://automattic.com/">Automattic</a>, der Firma hinter WordPress.com, die Pluginsammlung <a class="reference external" href="http://wordpress.org/extend/plugins/jetpack/">Jetpack</a> mit der man unter anderem das von WordPress.com bekannte Formular aktivieren kann. Passt dieses aber nicht zum Theme oder möchte man größere Freiheiten/ eigene Kontrolle und will man vielleicht noch andere Netzwerke aktivieren, gibt es eine nette Alternative. Die Bibliothek <a class="reference external" href="http://hybridauth.sourceforge.net/">Hybridauth</a> versammelt eine ganze Reihe an OAuth-Providern unter einem Dach. Neden den größeren Diensten gibt es ganze Reihe kleinere aber, je nach Blogausrichtung, nicht unwichtige Dienste. Hat man zum Beispiel ein Fotoblog ist das Anmelden mit Instagram oder 500px relevanter als&nbsp;Twitter.</p> <p>Der Einbau in ein selbstgehostetes WordPress-Blog geht einfach von der Hand. Man installiert das Plugin: <a class="reference external" href="http://wordpress.org/extend/plugins/wordpress-social-login/">Wordpress Social Login</a>über das Dashboard. Nun muss man noch die Daten der unterschiedlichen Netzwerke eingeben. Auf der Einstellungsseite des Plugins ist eigentlich alles hinreichend für jedes einzelne Netzwerk&nbsp;erklärt.</p> <div class="figure align-right"> <a class="reference external image-reference" href="https://lioman.de/images/wps_facebook-einstellungen.png"> <img alt="Einstellungen des Wordpress Social Login Plugins" src="https://lioman.de/images/wps_facebook-einstellungen-300x195.png" /> </a> <p class="caption">Einstellungen des <em>&#8220;Wordpress Social Login&#8221;</em>&nbsp;Plugins</p> </div> <p>Der Ablauf ist allerdings immer gleich und geht in drei&nbsp;Schritten:</p> <ol class="arabic simple"> <li>Im Entwicklerbereich des Dienstes (nach Anleitung) eine Anwendung&nbsp;registrieren</li> <li><span class="caps">API</span>-Key und <span class="caps">API</span>-Secret per Copy&amp;Paste&nbsp;übertragen.</li> <li>Netzwerk anstellen <span class="amp">&amp;</span>&nbsp;Speichern</li> </ol> <p>Hat man all das aktiviert, was man möchte sollte man alles testen, denn es gibt nichts frustrierenderes als ein nichtfunktionierender Plugin und der potentielle Kommentator wird vermutlich einfach weiterziehen ohne seine wertvolle Meinung kundgetan zu haben. Kommt es zu einer Endlosschleife (z.B.: Twitter-Blog-Twitter-usw.) muss man in der <span class="caps">PHP</span>-Konfiguration die Variable <em>REGISTER_GLOBALS</em> auf <em>&#8220;Off&#8221;</em> stellen kommt es zu anderen Problemen hilft der Diagnosemodus des Plugins unter &#8220;Help <span class="amp">&amp;</span> Support&#8221;&nbsp;weiter.</p> <div class="figure align-left"> <a class="reference external image-reference" href="https://lioman.de/images/wordpress_social_logins_kommentarfeld.png"> <img alt="Kommentarfeld" src="https://lioman.de/images/wordpress_social_logins_kommentarfeld-300x254.png" style="width: 300px; height: 254px;" /> </a> <p class="caption">Kommentarfeld mit Social&nbsp;Logins</p> </div> <p>Leider bietet die Bibliothek im Hintergrund noch keine Unterstützung für das, von Mozilla entwickelte, <a class="reference external" href="https://login.persona.org/">Persona</a> (ehemals <em>BrowserID</em>) an. Über ein extra <a class="reference external" href="http://wordpress.org/extend/plugins/browserid/">Plugin</a> kann man aber auch Persona aktivieren. Der Nachteil: Die Icons von <span class="caps">WSL</span> befinden sich oberhalb des Kommentarfeldes Persona jedoch unterhalb. Möchte man dies verbessern sind Änderungen am Theme notwendig und ich hoffe einfach darauf, dass Persona bald in Hybridauth eingebaut&nbsp;wird.</p> LiomanMon, 04 Feb 2013 13:26:00 +0100tag:lioman.de,2013-02-04:/2013/02/wordpress-kommentieren-mit-sozialen-netzwerken-erlauben/DigitalOpen SourceLoginOAuthPersonaPluginWordpress