すぐに変更をロードする方法 - リアクションネイティブ

Question

質問

新しいデータがサーバーに追加されるたびにロードするにはどうすればよいですか？私は

• ユーザーはアプリが現在何が起こっているのすぐ

サーバーからテキストを表示するテキスト

サーバーにアプリ

ユーザーのアップロードを開き起こるたいと思うパートナーはどのような

• ユーザーアップ負荷テキストサーバーへ
• ユーザーリロードアプリ
• アプリは、私は、サーバー用のexpressJSを使用していますし、私はそのテキストのすべてを保存していますサーバーから

サーバー側

テキストを表示サーバーはオフサイトのマングースDBにアクセスします。

もっと私は、サーバーと クライアント間で通信するためのAPIをフェッチ使用しています

ノードJSサーバーを使用しています

• 情報

• クライアントアプリはです反応ネイティブで書かれています

Answer 1

あなたのアプリがリクエストをどのようにしているのか分かりません。サーバーとクライアントの両方からの一部のコードが役に立ちます。しかし、私はあなたの状況に応じて2つの解決策を考えることができます：あなたは、サーバーへのサーバーの応答AFTERユーザーのアップロードテキストを必要とするので

がアップロード要求

からテキストを返し、あなたがupload request内response dataを使用することができます。次に例コードを示します。

fetch('https://your-server.com/api/upload-text/', { 
    method: 'POST', 
    headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json', 
    }, 
    body: JSON.stringify({ 
    text: 'yourValue', 
    }) 
}).then(response => response.json()) 
.then(responseJson => { 
    // Here is your text returned from server 
    let serverText = responseJson.text 

    // Set your state here with new data 
    this.setState({ 
    textFromServer: serverText 
    }); 
    // Now you can display new data in your render method. 
}) 

このようにして、ユーザーは新しいテキストデータを取得するためにアプリをリロードする必要はありません。サーバーがアップロードリクエストに応答した後にアプリが更新されます。

のWebSocket

サーバーから必要なデータがない場合には、クライアントの要求に依存して、あなたはwebsocketsを使用することができます。このようにして、サーバーまたは他のクライアントからいつでも任意のデータをフェッチ/送信できます。 React Nativeはwebsocketsをサポートします。続きを読むhere