Using Puppeteer , I can intercept HTTPResponses and their HTTPRequests:
page.on("response", async response => { let request = response.request(); // Getting the response request let responseHeaders = response.headers(); // Check response headers response.buffer().then(buffer => { // Play with response content }); })Depending on the content of the response, I need to send the request again as a new one and get its response buffer. Instantiating a new, identical request is a valid option.
I know I could use node-fetch as a last resort, but Puppeteer seems to have everything built in to do it without adding packages.
Do you know how to achieve this?
You can use page.evaluate to send a post request using the search API
await page.evaluate(() => { return fetch('url', {method: 'POST', body: 'test' }).then(res => res.json()) }) Then you can make a request after the requestfinished event is fired.
page.setRequestInterception(true) page.on('requestfinished', async (request: Request) => { let response = request.response() // Getting the response request let responseHeaders = response.headers() // Check response headers let responseBuffer = await response.buffer() // Get the buffer required let responseJSON = await response.json() // Get parsed JSON body await page.evaluate(([headers, buffer, json]) => { // Replay request with buffer received let someData1 = buffer.toString() // Change buffer to string type let someData2 = headers['Content-Type'] // or maybe use some headers data let someData3 = json.properties.value // or use response data object properties // This fetch API below will do the rest return fetch('url', { method: 'POST', body: 'test' }).then(res => res.json()) }, [responseHeaders, responseBuffer, responseJSON]) })