我想实现一个C ++服务器生成一个JavaScript EventSource的事件,我与cpprest构建它。 从我在PHP或Node.js的看到的例子,它看起来相当直接的,但我一定是失去了一些东西,因为我在Firefox的控制台得到这个:
Firefox can’t establish a connection to the server at http://localhost:32123/data.
有了邮递员,我正确地接收到"data : test"
,所以我觉得我缺少一些延续,可能需要做更多的东西不仅仅是回复请求,但我没有找到这应该是怎样一个很好的解释对工作还没有。 如果你有一些文件,你可以指出我的,那将不胜感激!
在HTML页面的脚本是这样的:
var source = new EventSource("http://localhost:32123/data");
source.onmessage = function (event) {
document.getElementById("result1").innerHTML += event.data + "<br>";
};
C ++的服务器的回复:
wResponse.set_status_code(status_codes::OK);
wResponse.headers().add(U("Access-Control-Allow-Origin"), U("*"));
wResponse.set_body(U("data: test"));
iRequest.reply(wResponse);
并且请求我的服务器接收:
GET /data HTTP/1.1
Accept: text/event-stream
Accept-Encoding: gzip, deflate
Accept-Language: en-us, en;q=0.5
Cache-Control: no-cache
Connection: keep-alive
Host: localhost:32123
Origin: null
Pragma: no-cache
User-Agent: Mozilla/5.0 (Windows NT6.1; Win64, x64; rv:61.0) Gecko/20100101 Firefox/61.0
在这里找到一个解决方案
这里有一个小的证明。 它并不完美可言,但它的工作。 下一步是要弄清楚如何存储的连接,检查它们是否还活着,等...
编辑:达伦的评论之后更新的答案
适当的解决方案似乎围绕供给producer_consumer_buffer<char>
绑定到basic_istream<uint8_t>
被设定为http_response
体。
那么一旦http_request::reply
完成后,该连接将保持打开,直到缓冲区被关闭,这可能与做wBuffer.close(std::ios_base::out).wait();
。
我不是100%肯定,但似乎wBuffer.sync().wait();
像PHP行为flush
命令将以类似事件提供服务器方案一起使用。
工作示例已低于加入。
这不是一个完整的解决方案,很明显。 有仍然领先与管理连接和所有的更多的乐趣。 Instanciating一些Connection
与make_unique
并存储到参观了事件的容器可能会是我的路要走......
main.cpp中
#include "cpprest/uri.h"
#include "cpprest/producerconsumerstream.h"
#include "cpprest/http_listener.h"
using namespace std;
using namespace web;
using namespace http;
using namespace utility;
using namespace concurrency;
using namespace http::experimental::listener;
struct MyServer
{
MyServer(string_t url);
pplx::task<void> open() { return mListener.open(); };
pplx::task<void> close() { return mListener.close(); };
private:
void handleGet(http_request iRequest);
http_listener mListener;
};
MyServer::MyServer(utility::string_t url) : mListener(url)
{
mListener.support(methods::GET, bind(&MyServer::handleGet, this, placeholders::_1));
}
void MyServer::handleGet(http_request iRequest)
{
ucout << iRequest.to_string() << endl;
http_response wResponse;
// Setting headers
wResponse.set_status_code(status_codes::OK);
wResponse.headers().add(header_names::access_control_allow_origin, U("*"));
wResponse.headers().add(header_names::content_type, U("text/event-stream"));
// Preparing buffer
streams::producer_consumer_buffer<char> wBuffer;
streams::basic_istream<uint8_t> wStream(wBuffer);
wResponse.set_body(wStream);
auto wReplyTask = iRequest.reply(wResponse);
wBuffer.putn_nocopy("data: a\n",10).wait();
wBuffer.putn_nocopy("data: b\n\n",12).wait();
wBuffer.sync().wait(); // seems equivalent to 'flush'
this_thread::sleep_for(chrono::milliseconds(2000));
wBuffer.putn_nocopy("data: c\n", 10).wait();
wBuffer.putn_nocopy("data: d\n\n", 12).wait();
wBuffer.sync().wait();
// wBuffer.close(std::ios_base::out).wait(); // closes the connection
wReplyTask.wait(); // blocking!
}
unique_ptr<MyServer> gHttp;
void onInit(const string_t iAddress)
{
uri_builder wUri(iAddress);
auto wAddress = wUri.to_uri().to_string();
gHttp = unique_ptr<MyServer>(new MyServer(wAddress));
gHttp->open().wait();
ucout << string_t(U("Listening for requests at: ")) << wAddress << endl;
}
void onShutdown()
{
gHttp->close().wait();
}
void main(int argc, wchar_t* argv[])
{
onInit(U("http://*:32123"));
cout << "Wait until connection occurs..." << endl;
getchar();
onShutdown();
}
sse.htm
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="result"></div>
</body>
</html>
<script>
if (typeof (EventSource) !== undefined)
{
document.getElementById("result").innerHTML += "SSE supported" + "<br>";
}
else
{
document.getElementById("result").innerHTML += "SSE NOT supported" + "<br>";
}
var source = new EventSource("http://localhost:32123/");
source.onopen = function ()
{
document.getElementById("result").innerHTML += "open" + "<br>";
};
source.onerror = function ()
{
document.getElementById("result").innerHTML += "error" + "<br>";
};
source.onmessage = function (event) {
document.getElementById("result").innerHTML += event.data + "<br>";
};
</script>