我一直在尝试学习足够的html、css和Dart来创建我的第一个网页,一切进展顺利,但是我不知道如何创建一个简单的页面和一个服务器端的web socket服务器,使其只是回显它。我找到的示例通常用于说明其他Dart工具,并连接到Web上的echo服务器或执行其他使其代码对新手不简单的操作。
我试图简化Seth Ladd的示例"dart-example-web-sockets-client"作为“最佳”示例。我可以接收从页面发送的内容,重新打包并认为我正在将其发送回来,但网页上绝对没有任何反应。我通过单击从Dart编辑器内运行Web服务器时返回的URL来启动页面。由于页面不是在调试器中运行的(据我所知),我在诊断错误方面受到了障碍。
这是Seth服务器的简化代码:
我试图简化Seth Ladd的示例"dart-example-web-sockets-client"作为“最佳”示例。我可以接收从页面发送的内容,重新打包并认为我正在将其发送回来,但网页上绝对没有任何反应。我通过单击从Dart编辑器内运行Web服务器时返回的URL来启动页面。由于页面不是在调试器中运行的(据我所知),我在诊断错误方面受到了障碍。
这是Seth服务器的简化代码:
void handleEchoWebSocket(WebSocket webSocket) {
log.info('New WebSocket connection');
// Listen for incoming data. We expect the data to be a JSON-encoded String.
webSocket
.map((string) => JSON.decode(string))
.listen((json) {
// The JSON object should contain a 'request' entry.
var request = json['request'];
switch (request) {
case 'search':
var input = json['input'];
log.info("Received request '$request' for '$input'");
var response = {
'response': request,
'input': input,
};
webSocket.add(JSON.encode(response)); // can't detect page receiving this.
log.info("Echoed request..$request $input"); // correct data
break;
default:
log.warning("Invalid request: '$request'");
}
}, onError: (error) {
log.warning('Bad WebSocket request');
});
}
这个例子使用用户的输入作为两个搜索引擎的输入,将结果打包并返回到页面上进行显示,同时动态创建新的DOM元素。
我只需要一个简单的例子,可以回显提交的内容。
main.dart
部分仍然是如今人们会这样做的方式吗? - Torsten Bronger