react-native - 不記名令牌驗證 - httpReqest

Question

我是新來的本地反應，我需要一些幫助。

我正在寫一個Android應用程序與反應原生。

我已經實現了登錄屏幕以及登錄過程成功完成時應顯示的所有屏幕。

我不知道使用持證人身份驗證到我的localhost網站發出http請求。請求方法是GET。在我的應用程序中，我必須輸入用戶名和密碼並將其發送到https：/ localhost /.../登錄。

這是目前爲止的工作：我從登錄屏幕的TextInput中獲取用戶名和密碼，併發送給我的名爲httpRequest的函數。

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

// not implemented yet 

} 

我不知道該如何開始...我應該從一個抓取開始 - 獲取mehtod，我可以在反應原生文檔上找到答案？但我應該如何使用不記名令牌（身份驗證）

Answer 1

這是新手在處理身份驗證時遇到的常見問題。

我建議你給一個很好的閱讀https://auth0.com/blog/adding-authentication-to-react-native-using-jwt/

你需要一些先進的知識來實現​​它，但是你會好好學習，反正。

Answer 2

您必須將您的用戶名和密碼發送到您的後端POST請求不是GET。因此，您可以將名稱和密碼數據附加到請求的正文中。你也想用fetch來提出請求。

你可以這樣說：

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)); 

} 

也請參閱我的回答對有關容易產生頭一個獲取輔助函數這個問題。它包含一塊內容，可輕鬆爲您的請求添加JWT令牌。

How to post a json array in react native