Question

我在Dart的客户端/服务器上找到了一些很好的教程。客户端只是通过指定端口上的localhost向服务器发出请求，服务器只响应一个字符串。

但是，我没有找到任何有关如何提供图像的帮助。我希望能够将服务器映射到客户端的服务器。例如，如果客户端执行如下请求： localhost：1313 / Images，然后服务器应该响应显示“images”文件夹中所有图像的页面。

这是我到目前为止的代码：

import 'dart:io';

class Server {

_send404(HttpResponse res){
  res.statusCode = HttpStatus.NOT_FOUND;
  res.outputStream.close();
}


void startServer(String mainPath){
HttpServer server = new HttpServer();
server.listen('localhost', 1111);
print("Server listening on localhost, port 1111");

server.defaultRequestHandler = (var req, var res) {
  final String path = req.path == '/' ? '/index.html' : req.path;
  final File file = new File('${mainPath}${path}');

  file.exists().then((bool found) {
    if(found) {
      file.fullPath().then((String fullPath) {
        if(!fullPath.startsWith(mainPath)) {              
          _send404(res);
        } else {
          file.openInputStream().pipe(res.outputStream);
        }
      });
    } else {
        _send404(res);
    }
  });
};


void main(){
Server server = new Server();
File f = new File(new Options().script);
f.directory().then((Directory directory) {
 server.startServer(directory.path);
});
}

我还没有实现客户端，但是有必要实现客户端吗？浏览器不足以作为客户端吗？

另外，我需要做些什么来使服务器提供图像？

Answer 1

我已经粘贴了你的代码（并且稍微进行了编辑，我认为有一些拼写错误），并且它确实以chrome形式提供图像 - 目前，你必须传递图像的完整网址，例如：{ {1}}

要获得一个包含图像的页面，您需要编写一个html页面，例如：

http://localhost:1111/images/foo.png

并且没有理由不能在服务器上动态创建html，例如，响应对名为<html><body> <img src="http://localhost:1111/images/foo.png"/> <img src="http://localhost:1111/images/bar.png"/> </body></html>的文件的请求。看一下DirectoryLister类来迭代服务器端的文件和文件夹。

此外，JJ的评论也是正确的 - 你还应该添加正确的标题，（虽然chrome似乎非常擅长解释没有正确标题的东西）。

作为参考，这里的服务器端代码对我来说很好（只是为了我可以测试它...... - 删除404和选项 - 它从当前（即应用程序自己的）文件夹中提供）。 / p>

images.html

Answer 2

要正确提供图片，您需要设置Content-Type标头。除此之外，您拥有的代码正朝着正确的方向发展，因为它已经可以提供文件。另一方面，使用Apache或Nginx可能更容易，然后为Dart服务器设置反向代理。这样Apache或Nginx可以为您提供静态文件。对不起，我们尚未记录所有这些内容。我也想知道使用Heroku是否适合你。

Dart中的客户端服务器

2 个答案: