サーバーとクライアント (それぞれが独自のディレクトリにあり、個々のパッケージをセットアップする) を含むプロジェクトがあるので、次のようにします。
$ ls -l project/server
pubspec.yaml
server.dart
packages
$ ls -l project/client
pubspec.yaml
packages
web
$ ls -l project/client/web
index.html
main.css
client.dart
現在、次のコードを使用して、HttpServer が web ディレクトリの外部にあるものを提供するのに問題があります。
void directoryHandler(dir, request) {
var indexUri = new Uri.file(dir.path).resolve('index.html');
virDir.serveFile(new File(indexUri.toFilePath()), request);
}
void main() {
Logger.root.onRecord.listen(new SyncFileLoggingHandler("server.log"));
virDir = new VirtualDirectory(Platform.script.resolve('../client/web').toFilePath())
..allowDirectoryListing = true
..followLinks = true
..directoryHandler = directoryHandler;
HttpServer.bind(InternetAddress.ANY_IP_V4, 8080).then((HttpServer server) {
log.info("HttpServer listening on port:${server.port}...");
server.listen((HttpRequest request) {
if (WebSocketTransformer.isUpgradeRequest(request)) {
log.info("Upgraded ${request.method} request for: ${request.uri.path}");
WebSocketTransformer.upgrade(request).then(handleWebSocket);
} else {
log.info("Regular ${request.method} request for: ${request.uri.path}");
virDir.serveRequest(request);
}
});
});
}
そしてindex.htmlで:
<script src="../packages/browser/dart.js"></script>
VirtualDirectory を client/web に直接解決すると、通常の静的ファイルは機能するようですが、外部 (つまり、パッケージ ディレクトリ) は取り込まれません。クライアント ディレクトリだけを提供して指定しようとすると、 web/index.html をハンドラーに追加すると、他には何も取得されません。パッケージディレクトリをWebにコピーしようとしましたが、その方法でも取得されないようです。
注意してください、HttpServer がビルド ディレクトリを指している他の例を見てきましたが、dart を js にコンパイルする前にプロジェクトをテストしようとしています。
全体として、サーバーが実際にクライアントにサービスを提供し、クライアントが独自のパッケージを持っているサーバー/クライアント プロジェクトをセットアップする方法について混乱しています。この特定のケースに関する文献をオンラインで見つけることができないようです。