フェッチでjson解析エラーが発生したペイロードを取得します。

Question

POSTリクエストを作成するためのコードは次のとおりです。 ここでエラー処理について100％確信しているわけではありませんが、要求が成功しなかった場合に本文を取得することが重要でした。

私がまだ残している問題の1つは、サーバーが200 OKで無効なjsonで応答した場合、そのペイロードをログに記録できますか？ Fetchのログを記録する正しい方法は何ですか？

  Fetch(data.notificationUrl, { 
       method: 'POST', 
       body: post_data, 
       headers: { 
        'Content-Type': 'application/json' 
       } 
      }).then((res) => { 

       if (!res.ok) { 
        // Could reject the promise here but than response text wouldn't be available 
        //return Promise.reject(`Response was not OK. Status code: ${res.status} text: ${res.statusText}`); 
        return res.text().then((txt) => `Response was not OK. Status code: ${res.status} text: ${res.statusText}.\nResponse: ${txt}`); 
       } 
       // response ok so we should return json, could follow https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch and determine the payload type by content-type header... 
       return res.json(); 
      }).then((response) => { 

       if (response) { 
        // set result 
        // ... 

        // redirect 
        return reply.redirect(data.redirectUrlDirectory); 
       } 

       return reply(Boom.preconditionFailed(`Did not reply with correct payload! json:'${JSON.stringify(response)}'`)); 
      }).catch((err) => { 

       return reply(Boom.badData(`Could not notify on url ${data.notificationUrl} about the payment ${id}.\nError: "${err}"`)); 
      }); 

Answer 1

私はこのようなものを使用します。

この第1のオプションは、サービスの応答を常に表しています。"application/json"というヘッダーと、このように私が模倣した有料の単純なテキストです。

var app = new express(); 
app.get('/valid', function(req, res){ 
    res.json({ok: "ok"}); 
}); 
app.get('/invalid', function(req, res){ 
    res.json("bad json body"); 
}); 

とfetchjsonハンドリングは次のようになります。あなたのコードの他の部分は私のために良いように見えます。

var response2 = res.clone(); 
return res.json().then((json) => { 
    // log your good payload 
    try { 
     // here we check json is not an object 
     return typeof json === 'object' ? json : JSON.parse(json); 
    } catch(error) { 
     // this drives you the Promise catch 
     throw error; 
    }  
}).catch(function(error) { 
    return response2.text().then((txt) => `Response was not OK. Status code: ${response2.status} text: ${response2.statusText}.\nResponse: ${txt}`); 
    //this error will be capture by your last .catch() 
}); 

xxx.clone()あなたは複数回、同じ応答を解決し、以前のような独自の組み合わせを作成することができます。