Ich schreibe gerade einen Artikel für das t3n Magazin über aktuelle Sign-In-Mechanismen und hab mir in dem Zuge BrowserID mal etwas genauer angeschaut. Ich bin wirklich extrem überrascht mit wie wenig Arbeit es sich in z.B. WordPress einbauen lässt. BrowserID besteht eigentlich nur aus einem JS-File,ein paar Zeilen JS-Code: <script src=“
https://browserid.org/include.js“ type=“text/javascript“></script> <script type=“text/javascript“> navigator.id.get(function(assertion) { if (assertion) { // This code will be invoked once the user has successfully // selected an email address they control to sign in with. } else { // something went wrong! the user isn’t logged in. } }); </script> und dem anschließenden Verifizieren der assertion: $ curl -d „assertion=&audience=
https://mysite.com“ „
https://browserid.org/verify“ { „status“: „okay“, „email“: „
[email protected]“, „audience“: „
https://mysite.com“, „expires“: 1308859352261, „issuer“: „browserid.org“ } Den ausführlichen Ablauf der Authentifizierung findet ihr auf Github. Um BrowserID in WordPress zu integrieren lädt man also zuerst den JS-Code in den Login Header: // add the BrowserID javascript-code to the header add_action(‚login_head‘, ‚bi_add_js_header‘); function bi_add_js_header() { echo ‚<script src=“
https://browserid.org/include.js“ type=“text/javascript“></script>‘; echo ‚<script type=“text/javascript“>‘.“\n“; echo ‚function browser_id_login() { navigator.id.get(function(assertion) { if (assertion) { window.location=“‚ . get_site_url(null, ‚/‘) .‘?browser_id_assertion=“ + assertion; } else { // do nothing! } }) };‘.“\n“; echo ‚</script>‘; } und platziert den BrowserID-Button auf der Login-Seite: // add the login button add_action(‚login_form‘, ‚bi_add_button‘); function bi_add_button() { echo ‚<p><a href=“#“ onclick=“return browser_id_login();“><img src=“
https://browserid.org/i/sign_in_blue.png“ style=“border: 0;“ /></a></p>‘; } Nach dem klick auf den Button öffnet sich das Autorisierungs-Fenster von BrowserID und nach dem erfolgreichen Sign-In wird die gerade implementierte Methode navigator.id.get(function(assertion) {} aufgerufen. Im nächsten Schritt muß man die erhaltene assertion über BrowserID.org verifizieren. Da ich den notwendigen POST nicht über JavaScript absetzen will, leite ich einfach auf eine Seite weiter und übergebe die erhaltene assertion als GET-Paramater. if (assertion) { window.location=“‚ . get_site_url(null, ‚/‘) .‘?browser_id_assertion=“ + assertion; } Jetzt kann der POST bequem über WordPress abgesetzt werden. // the verification code add_action(‚parse_request‘, ‚bi_verify_id‘); function bi_verify_id() { global $wp_query, $wp, $user; if( array_key_exists(‚browser_id_assertion‘, $wp->query_vars) ) { // some settings for the post request $args = array( ‚method‘ => ‚POST‘, ‚timeout‘ => 30, ‚redirection‘ => 0, ‚httpversion‘ => ‚1.0‘, ‚blocking‘ => true, ‚headers‘ => array(), ‚body‘ => array( ‚assertion‘ => $wp->query_vars[‚browser_id_assertion‘], // the assertion number we get from the js ‚audience‘ => „http://“.$_SERVER[‚HTTP_HOST‘] // the server host ), ‚cookies‘ => array(), ’sslverify‘ => 0 ); // check the response $response = wp_remote_post(„
https://browserid.org/verify“, $args); if (!is_wp_error($response)) { $bi_response = json_decode($response[‚body‘], true); // if everything is ok, check if there is a […]
https://notiz.blog/2012/01/07/browserid-as-easy-as-copy-and-paste/