如何使用Dart从不同的网址提供静态文件?

用Dart,我有awesome.html ,但我希望它是/awesome 。 这纯粹是一个.htaccess (我使用的是Apache)的东西,还是有一种方法去实现这种Dart或“现代Web开发”的方式?

这个.htaccess位指向/awesome /awesome.html

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule .*[^/]$ %{REQUEST_URI}/ [L,R=301]
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^(.+)/$ $1.html [L]

但是,然后我所有的相对URL引用(对css / js / images)都会中断,如果我将它们从“assets / whatever”改写为“/ assets / whatever”,它会在Dart Editor中工作,因为它使用类似URL :

http://127.0.0.1:3030/Users/dave/Sites/my-dart-app/web/awesome.html

想法? 最佳实践? 谢谢!


感谢您的问题!

答案取决于您的Dart服务器虚拟机之前是否有代理服务器或Web服务器。 如果您有前面的代理,那么代理可以在请求达到您的Dart VM之前进行URL重写。 无论如何,这是一个不错的场景,因为代理可以执行缓存,SSL,负载平衡等等。 在这种情况下,Dart VM只是一个“应用服务器”。 我会建议把一个工业强度的Web服务器或代理放在前面,作为最佳实践。

但是,如果您想在Dart中纯粹进行网址掩码和重写,请参阅以下代码。 正如Kai在上述评论中所说的,这通常是一个框架的工作。 但为了好玩,我会在这里包含一些代码。 :)

import 'dart:io';
import 'dart:json';

class StaticFileHandler {
  final String basePath;

  StaticFileHandler(this.basePath);

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

  String rewritePath(String path) {
    String newPath = path;

    if (path == '/' || path.endsWith('/')) {
      newPath = '${path}index.html'; 
    } else if (!path.endsWith('.html')) {
      newPath = "${path}.html";
    }

    return newPath;
  }

  // TODO: etags, last-modified-since support
  onRequest(HttpRequest request, HttpResponse response) {
    String path = rewritePath(request.path);

    final File file = new File('${basePath}${path}');
    file.exists().then((found) {
      if (found) {
        file.fullPath().then((String fullPath) {
          if (!fullPath.startsWith(basePath)) {
            _send404(response);
          } else {
            file.openInputStream().pipe(response.outputStream);
          }
        });
      } else {
        _send404(response);
      }
    });
  }

}

runServer(String basePath, int port) {
  HttpServer server = new HttpServer();

  server.defaultRequestHandler = new StaticFileHandler(basePath).onRequest;
  server.onError = (error) => print(error);
  server.listen('127.0.0.1', 1337);
  print('listening for connections on $port');
}

main() {
  var script = new File(new Options().script);
  var directory = script.directorySync();
  runServer("${directory.path}", 1337);
}

顺便说一下,我更新了Seth代码中的rewritePath()函数,以便它不会重写像.dart和.css文件那样的资产给.html,所以它可以在客户端生活/网页。

  String rewritePath(String path) {
    String newPath = path;

    if (path == '/' || path.endsWith('/')) {
      newPath = '/web${path}index.html';
    } else if (!path.endsWith('.html')) {
      if (path.contains('.')) {
        newPath = '/web${path}';
      } else {
        newPath = '/web${path}.html';
      }
    } else {
      newPath = '/web${path}.html';
    }

    //peek into how it's rewriting the paths
    print('$path -> $newPath');

    return newPath;
  }

它当然是超级基础的,而处理路由的框架肯定会派上用场(很想看看你在开发什么@Kai)。

链接地址: http://www.djcxy.com/p/65239.html

上一篇: How do I serve static files from a different URL with Dart?

下一篇: Unexpected behavior of double primitive type data