Besucher die Anmeldung in zwei Schritten aktivieren lassen
Ziel
Wer sich in Ihrem Portal anmeldet, soll die Anmeldung in zwei Schritten aktivieren können: eine Authentifizierungs-App auf seinem Telefon, die bei jeder Anmeldung nach einem sechsstelligen Code gefragt wird.
Bevor Sie beginnen
- Ein Portal, das Besucher zur Anmeldung auffordert. Siehe Besucher zur Anmeldung auffordern.
Das Ganze ist eine einzige Schaltfläche
Zeichnen Sie auf einem beliebigen Bildschirm Ihres Portals eine Schaltfläche und geben Sie ihr diesen Handler:
openAccountSecurity();
Das ist alles. Die Plattform öffnet ihren eigenen Bereich über Ihrer Seite, und der Besucher scannt einen Code, tippt sechs Ziffern ein und speichert seine Wiederherstellungscodes, ohne dass Sie irgendetwas davon zeichnen.
Oder selbst zeichnen
Soll die Seite lieber wie der Rest Ihrer Website aussehen, zeichnen Sie einen eigenen Bildschirm – hinter der Anmeldung, denn es geht um das Konto des Besuchers – und geben Sie ihm diese Aufrufe, in dieser Reihenfolge:
| Wann | Aufruf |
|---|---|
| Der Bildschirm wird geladen | loadAccountSecurity("mfa") – state.mfa.enabled sagt, ob sie aktiviert ist |
| Aktivieren wird gedrückt | startAuthenticator("enrol") |
| Code prüfen wird gedrückt | verifyAuthenticator(getState("code"), "codes") |
| Ich habe sie gespeichert wird gedrückt | completeAuthenticator("done") |
| Deaktivieren wird gedrückt | disableAuthenticator(getState("offCode")) |
- Der QR-Code ist
state.enrol.qrCode– fügen Sie ein Bild hinzu und binden Sie seine Quelle daran. Setzen Siestate.enrol.sharedKeydaneben, für alle, deren Kamera den Code nicht lesen kann. - Die Wiederherstellungscodes landen als Liste in
state.codes; wiederholen Sie eine Zeile darüber, dierow.codeanzeigt. - Die Anmeldung in zwei Schritten ist erst nach
completeAuthenticatoraktiviert. Das Prüfen des Codes beweist nur, dass die App funktioniert. Zeichnen Sie die Codes also mit einem Satz, der den Besucher auffordert, sie jetzt zu speichern – sie werden nicht noch einmal angezeigt –, und mit einer Schaltfläche, mit der er bestätigt, dass er das getan hat. Hätte Ihre Seite diesen Schritt vergessen, bliebe der Faktor einfach deaktiviert, statt mit Codes aktiviert zu werden, die niemand gesehen hat.
Der QR-Code wird im eigenen Browser des Besuchers gezeichnet; er wird nie irgendwohin gesendet, um in ein Bild umgewandelt zu werden, denn er trägt das Geheimnis, das seine App verwenden wird.
Das Beispiel portal-landing-page hat dies als seinen Bildschirm Sign-in security.
Was der Besucher sieht
Der Bereich zeigt, wie sein Konto eingestellt ist, und bietet das eine an, was möglich ist:
| Sein Konto | Was der Bereich anbietet |
|---|---|
| Anmeldung in zwei Schritten deaktiviert | Anmeldung in zwei Schritten aktivieren – scannen, bestätigen, die Codes speichern |
| Anmeldung in zwei Schritten aktiviert | Wie viele Wiederherstellungscodes übrig sind, und ein Feld, um sie mit einem aktuellen Code zu deaktivieren |
Die Reihenfolge ist Scannen → Bestätigen → Codes notieren, und der Faktor wird erst eingeschaltet, wenn die Codes bestätigt wurden. Wer den Tab auf halbem Weg schließt, hat an seinem Konto nichts geändert – und genau deshalb geschieht es in drei Schritten statt in einem.
Zum Deaktivieren braucht es einen Code
Ein Besucher kann seine eigene Anmeldung in zwei Schritten deaktivieren – es ist sein Konto –, aber nur, indem er einen aktuellen Code oder einen seiner Wiederherstellungscodes eingibt. Das ist Absicht: Einen zweiten Faktor abzuschalten ist genau das, was jemand tun würde, der eine Sitzung gestohlen hat.
Wer sich an der Parsware-Shell und am Admin Control Center anmeldet, muss einen zweiten Faktor haben und bekommt stattdessen eine Möglichkeit angeboten, ihn auf ein neues Telefon umzuziehen. Das ist eine Entscheidung über die Oberfläche, die die Datensätze aller Kunden enthält; es ist keine, die wir im Namen Ihrer Kunden treffen.
Was bei der nächsten Anmeldung passiert
Nichts, was Sie zeichnen müssten. Das Anmeldeformular der Plattform fragt selbst nach dem Code, neben Adresse und Kennwort, und akzeptiert im selben Feld einen Wiederherstellungscode – ein Wiederherstellungscode hat keine sechs Ziffern, daher kann die Plattform erkennen, was sie bekommt.
Wenn Sie Ihre eigene Anmeldeseite gezeichnet haben, braucht sie ein
Codefeld, das erscheint, wenn signIn meldet, dass das Konto einen Code verlangt – jene Seite zeigt,
wie.
Was dies nicht tut
- Es zieht eine Authentifizierungs-App nicht in einem Schritt auf ein neues Telefon um. Ein Besucher, dessen Telefon weg ist, deaktiviert den Faktor mit einem Wiederherstellungscode und aktiviert ihn erneut – ein zusätzlicher Schritt, bei dem nichts verloren geht.
- Es zwingt niemanden. Die Anmeldung in zwei Schritten wird Ihren Besuchern angeboten und nie von ihnen verlangt. Wenn Ihr Portal sie verlangen muss, ist das ein Gespräch, das Sie mit uns führen sollten, und kein Bildschirm, den Sie zeichnen.
- Es tut nichts in einem Portal, das jeder öffnen kann. Dort gibt es kein Konto, zu dem ein zweiter Faktor gehören könnte, daher meldet die Schaltfläche das, statt so zu tun, als funktioniere sie.
Probieren Sie es aus
Die Beispiellösung portal-sign-in-and-accounts hat dies auf einem
Bildschirm namens Sign-in security, mit einer Seite How this sample works, die Schritt für
Schritt hindurchführt.