Question

使用shelf_static通过Dart提供静态网页是没有问题的：

var staticHandler = createStaticHandler(staticPath, defaultDocument:'home.html');
io.serve(staticHandler, 'localhost', port).then((server) {
  print('Serving at http://${server.address.host}:${server.port}');
});

我可以对动态网页使用shelf_route罚款：

Router routes = new Router()
  ..get('/item/{itemid}', handler.doItem);
var handler = const shelf.Pipeline()
  .addHandler(routes.handler);

io.serve(handler, 'localhost', port).then((server) {
  print('Serving at http://${server.address.host}:${server.port}');
});

但我正在努力为动态版本添加静态处理程序。我尝试过的事情包括：

Router routes = new Router()
  ..get('/item/{itemid}', handler.doItem)
  ..get('/', staticHandler);

或......

  ..get('/.*', staticHandler);

或......

  ..get('/{any}', staticHandler);

如果我请求home.html但是明确要求现有页面http://localhost:8080/，则所有这些都会为我提供指定的默认http://localhost:8080/home.html页面。

我是否应该尝试使用shelf_static执行此操作？如果没有，那么正确的方法是什么？谢谢！

Answer 1

您可以使用Cascade。它创建了一系列处理程序，如果前一个处理程序给出404或405响应，则移动到下一个处理程序。

var staticHandler = createStaticHandler(staticPath, defaultDocument:'home.html');
var routes = new Router()
    ..get('/item/{itemid}', handleItem);

var handler = new Cascade()
    .add(staticHandler)
    .add(routes.hander)
    .handler;
io.serve(handler, 'localhost', port).then((server) {
  print('Serving at http://${server.address.host}:${server.port}');
});

Answer 2

原因是像shelf_route这样的get方法必须完全匹配路径。对于静态文件，您不需要完全匹配，因为路径的其余部分会告诉您文件的路径。

为此，您需要使用add方法并设置exactMatch: false，因为目前get，post等方法不会公开exactMatch。

以下作品

void main(List<String> args) {

  Logger.root.onRecord.listen(print);

  var staticHandler = createStaticHandler('../static', defaultDocument:'home.html');

  final root = router()
    ..get('/item/{itemid}', (Request request) => 'handling the item')
    ..add('/', ['GET'], staticHandler, exactMatch: false);

  printRoutes(root);

  io.serve(root.handler, InternetAddress.ANY_IP_V6, 9999);

}

仅供参考我已经添加了一个名为mojito的更高级别的框架，它是许多架子组件上的薄胶层，使这更容易。

它仍然有点新鲜且记录不清，但如果你有兴趣可以做以下事情

void main(List<String> args) {

  Logger.root.onRecord.listen(print);

  final app = mojito.init();

  app.router
    ..get('/item/{itemid}', (String itemid) => 'handling the item $itemid')
    ..addStaticAssetHandler('/', fileSystemPath: '../static', 
        defaultDocument:'home.html');

  app.start();
}

addStaticAssetHandler在幕后调用createStaticHandler，但也支持在开发模式下调用pub serve，这对于像聚合物这样的东西非常方便

Answer 3

可以为fallbackHandler指定Router。似乎在这里使用静态处理程序解决了这个问题。

Router routes = new Router(fallbackHandler: staticHandler)
  ..get('/item/{itemid}', handler.doItem);

如何使用Dart和shelf提供动态和静态页面？

3 个答案: