Expressjs send content after listen

Issue

I want to make a route in express js to send some content after 1000 ms.
Note: I cant use res.sendFile, it has to be a plain route.
This is the code for the route:

app.get('/r', (req,res)=>{
    res.send("a")
    setTimeout(()=>{
       res.send("fter")
    }, 1000)
}
app.listen(8080)

But I get the error: ERR_HTTP_HEADERS_SENT,
I assume because the page has already been loaded.
I need my node program to send it after it has already been loaded,
so I cant like send a html,js,css script to do it. Is it possible? I cant seem to find how.

Well, if that is not possible, what I am really trying to do is after the page has loaded, execute js or send a message that the page can receive from the node program, like if there was res.execute_js(‘postMessage(1)’)

Solution

EDIT based on your edit: So as I understand you want a way to send different values from a node app endpoint without using socketio. I’ve managed to replicate a similar experimental behavior using readable streams. Starting off, instead of returning response to the request with res.send() you should be using res.write() In my case I did something like this:

app.post('/api', (req, res) => {
    res.write("First");
    setTimeout(() => {
        res.write("Second");
        res.end();
    }, 1000);
});

This will write to a stream "First" then after 1000ms it’ll write another "Second" chunk then end the stream, thus completing the POST request.

Now in the client, you’ll make the fetch response callback async, get the ReadableStream from the request like so

const reader = response.body.getReader();

now we should be reading this stream, we’ll first initialize an array to collect all what we’re reading,

const output = [];

now to actually read the stream,

let finished, current;
while (!finished) {
    ({ current, finished} = await reader.read());
    if (finished) break;
    output.push(current);
}

if you read current in the loop, it’ll contain each value we passed from res.write() and it should read twice, "First" and after 1000ms "Second".

EDIT: This is very experimental however, and I wouldn’t recommend this in a production codebase. I’d suggest trying out socketio or a publish/subscribe mechanism instead.

Old answer: You’re already sending "a" back, you should remove the first res.send() invocation at the top of the callback.

Answered By – mohkamfer

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0