Replies: 3 comments 5 replies
-
|
Unpoly will not open a WebSocket connection for you. However, if you set up that connection yourself, you can pass HTML fragments to Unpoly to render. See rendering strings of HTML in the docs. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you. yes I will manage a websocket instance in "global scope" myself, then every html fragment exchange should go through it . By using websocket do that , when there are many small HTML fragments needing updates on the page, it can reduce a lot of unnecessary HTTP request connections, and the repeated backend identity verification computations they lead to. Is my thought correct? |
Beta Was this translation helpful? Give feedback.
-
|
When you already have HTML strings through your WebSocket connection, you can render them without making another HTTP request. See the doc page I linked above. |
Beta Was this translation helpful? Give feedback.
-
|
just fyi: |
Beta Was this translation helpful? Give feedback.
-
|
to sum up, its mainly about bidi streaming:
|
Beta Was this translation helpful? Give feedback.
-
|
Thank you for providing the links, I am amazed, I will read them carefully. |
Beta Was this translation helpful? Give feedback.
-
|
You don't necessarily need to use WebSockets either. It will work fine with server-side events as well. require "sinatra"
require "async"
get "/" do
<<~HTML
<!DOCTYPE html>
<html>
<head>
<script type="importmap">
{
"imports": {
"unpoly": "https://esm.sh/[email protected]/unpoly.js"
}
}
</script>
<script type="module">
import * as unpoly from "unpoly"
const source = new EventSource('stream')
source.onerror = () => source.close()
source.onmessage = (e) => {
up.render({fragment: e.data })
}
</script>
</head>
<body>
<div id="foo">This is the original foo element</div>
</body>
</html>
HTML
end
get "/stream", provides: "text/event-stream" do
stream do |out|
Sync do |task|
task.async do
sleep 10
stream_html(out, <<~HTML)
<div id="foo">This is the last foo</div>
HTML
end
task.async do
sleep 2
stream_html(out, <<~HTML)
<div id="foo">This is a new foo</div>
HTML
end
end
end
end
def stream_html(out, fragment)
out << "data: #{fragment.gsub("\n", "")}\n\n"
end |
Beta Was this translation helpful? Give feedback.
-
|
@adam12 many thanks for jumping in and ad this concrete SSE example !! |
Beta Was this translation helpful? Give feedback.
-
Apologies for bringing up a non-issue. I want to use unpoly on my website and exchange HTML fragments with my backend through WebSockets. Does unpoly currently support doing that?
Beta Was this translation helpful? Give feedback.
All reactions