1

こんにちは、Web ブラウザーを介してシステム上のファイルにアクセスできる Web アプリを作成しようとしています。Web アプリの構造は次のようになります。

司令官

  cmdr
       packages
       lib
       cmdr.dart

  gui
      packages
      web
            assets
            css
            console.dart
            editor.dart
            client.dart
            explorer.dart
            index.html

cmdr.dartはサーバーであり、そこでhttp_serverホストindex.htmlすることを開始します。client.dartインデックスはファイルをスクリプトとしてプルします。、editor.dartおよびファイルはすべてクライアント ファイルの一部です console.dart。explorer.dart

問題は、http_serverto hostを実行するとindex.html、クライアント ファイルにアクセスしないことです。CSS ファイルを除いて、ほとんどの依存関係はプルされません。さらに、javascript にコンパイルすると、すべてのコードが 1 つのファイルにまとめられるため、この問題が解決するのではないかと考えました。ただし、HTML がまとめられても、クライアント コンポーネントが作成されない場合にも同じ問題が発生します。

私のサーバーコードは次のとおりです。

// Setting up Virtual Directory

VirtualDirectory virDir;

void directoryHandler(dir, request) {
  var indexUri = new Uri.file(dir.path).resolve('index.html');
  virDir.serveFile(new File(indexUri.toFilePath()), request);
}

void main(List<String> args) {
  // Set default dir as current working directory.
  Directory dir = Directory.current;

  // Creating Virtual Directory
  virDir = new VirtualDirectory(Platform.script.resolve('/Users/donghuynh/git/commander/gui/web').toFilePath())
      ..allowDirectoryListing = true
      ..directoryHandler = directoryHandler
      ..followLinks = true;

  // Set up logging.
  log = new Logger('server');
  Logger.root.onRecord.listen(new SyncFileLoggingHandler("server.log"));

  // Create an args parser to override the workspace directory if one is supplied.
  var parser = new ArgParser();
  parser.addOption('directory', abbr: 'd', defaultsTo: Directory.current.toString(), callback: (directory) {
    dir = new Directory(directory);
  });
  parser.parse(args);

  // Initialize the DirectoryWatcher.
  watcher = new DirectoryWatcher(dir.path);

  // Set up an HTTP webserver and listen for standard page requests or upgraded
  // [WebSocket] requests.
  HttpServer.bind(InternetAddress.ANY_IP_V4, 8080).then((HttpServer server) {
    log.info("HttpServer listening on port:${server.port}...");
    server.listen((HttpRequest request) {
      // WebSocket requests are considered "upgraded" HTTP requests.
      if (WebSocketTransformer.isUpgradeRequest(request)) {
        log.info("Upgraded ${request.method} request for: ${request.uri.path}");
        WebSocketTransformer.upgrade(request).then((WebSocket ws) {
          handleWebSocket(ws, dir);
        });
      } else {
        log.info("Regular ${request.method} request for: ${request.uri.path}");
        // TODO: serve regular HTTP requests such as GET pages, etc.
        virDir.serveRequest(request);
      }
    });
  });
}

Web ブラウザから index.html にアクセスすると、次のエラーが表示されます。

http://localhost:8080/packages/bootjack/css/bootstrap.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/packages/ace/src/js/ext-language_tools.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/packages/ace/src/js/ace.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/packages/browser/dart.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/packages/bootjack/css/bootstrap.min.css Failed to load resource: the server responded with a status of 404 (Not Found)

ファイルは実際にはこれらの場所に存在しますが (シンボリック リンクされています)、何らかの理由でプルされていません。

-ドン

4

1 に答える 1

0

私が覚えている限り、VirtualDirectoryシンボリックリンクをたどるには追加の引数を渡す必要があります。

とにかく、Dartソースを直接提供するべきではなく、代わりにpub build（少なくとも本番用に）からの出力を提供する必要があります。開発の場合、実行中のpub serveインスタンスにリクエストを転送する方がおそらく適切であり、公式に推奨されている方法でもあります。

于 2014-12-17T06:39:09.967 に答える