Benutzerdefiniertes Anmeldeformular zu hapi-auth-basic hinzufügen

Question

Ich benutze hapi-auth-basic, um Benutzer zu authentifizieren. Meine Frage ist, wie man ein benutzerdefiniertes Login-Formular hinzufügt, anstatt das grundlegende Formular des Browsers zu verwenden.

Answer 1

Sie können die Funktionalität von hapi-auth-basic an jedes benutzerdefinierte Anmeldeformular binden. Sie müssen sicherstellen, dass die Eigenschaften auf der Serverseite korrekt ausgewertet werden.

Hier ist ein spezielles Tutorial zu basic authentication in hapi with hapi-auth-basic.

Angenommen, Sie haben ein Formular wie dieses haben: (es ist sehr einfach zu Veranschaulichungszwecken)

<form action="/login" method="post"> 
    <input type="text" name="username"> 
    <input type="text" name="password"> 

    <input type="submit" value="Log in"> 
</form> 

Auf Server-Seite, mehrere Dinge im Ort haben müssen:

• eine Authentifizierung Strategie mit einer validateFunc, die die Eingabe und wertet es mit Ihrem Datensatz (wie Datenbank)
• ein Route-Handler für die Methode POST auf Pfad /login, weil das Formular die Daten an diesem Endpunkt sendet
• die auth Config-Set mit Ihrer Strategie auf der Route Handler

Was ich meine, ist ein Setup wie folgt aus: (wiederum vereinfacht)

server.auth.strategy('simple', 'basic', { validateFunc: (request, username, password, callback) => {} }) 

server.route({ 
    method: 'GET', 
    path: '/private-route', 
    config: { 
    auth: 'simple', 
    handler: function (request, reply) { 
     reply('Yeah! This message is only available for authenticated users!') 
    } 
    } 
}) 

Hoffnung, die hilft !