reactive-native - Bearer Token auth - httpReqest

Question

Ich bin neu zu reagieren native und ich brauche etwas Hilfe.

Ich schreibe eine App für Android mit reagieren native.

Ich hatte bereits den Anmeldebildschirm und alle Bildschirme implementiert, die angezeigt werden sollten, wenn der Anmeldevorgang erfolgreich abgeschlossen wurde.

Ich weiß nicht, um eine HTTP-Anfrage mit Bearer Auth auf meiner lokalen Host-Website zu machen. Die Request-Methode ist GET. In meiner App muss ich Benutzername und Passwort eingeben und an die https:/localhost /.../ Anmeldung senden.

Das funktioniert so weit: Ich bekomme den Tipped User und das Passwort vom TextInput des Loginscreen und sende beides an meine Funktion namens httpRequest.

function httpRequest(name, password) { 
var httpResponse = null; 

// not implemented yet 

} 

Ich weiß nicht, wie ... beginnen soll ich mit einem Fetch-Get Mehtod starten, die ich auf reagieren-native Dokumente finden kann? Aber wie sollte ich es tun mit Bearer Token (Auth)

Answer 1

Dies ist ein häufiges Problem Newcomer Gesicht, wenn es um die Authentifizierung geht.

empfehle ich Ihnen, das ist eine gute https://auth0.com/blog/adding-authentication-to-react-native-using-jwt/ lesen

Sie benötigen ein wenig fortgeschrittene Kenntnisse zu geben, es zu implementieren, aber Sie werden mit ihm lernen, sowieso.

Answer 2

Sie werden Ihren Benutzernamen und Passwort an Ihre Backend senden mit einem POST Anfrage haben keine GET. So können Sie die Namen und Passwortdaten an den Hauptteil der Anfrage anhängen. Sie sollten auch fetch verwenden, um die Anfrage zu stellen.

Sie können es wie folgt tun:

function httpRequest(name, password) { 

    const user = { 
    name, 
    password, 
    }; 

    fetch('https://mywebsite.com/endpoint/', { 
    method: 'post', 
    headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json', 
    }, 
    body: JSON.stringify(user) 
    }) 
    .then(res => res.json()) 
    .then(data => { 
     console.log(data); 
     // data should contain a JWT token from your backend 
     // which you can save in localStorage or a cookie 
    }) 
    .catch(err => console.log(err)); 

} 

auch meine Antwort Besuche auf dieser Frage zu einer für die einfache Erzeugung von Header-Helferfunktion holen. Es enthält ein Stück, mit dem Sie problemlos einen JWT-Token zu Ihren Anfragen hinzufügen können.

How to post a json array in react native