如何从文件夹加载html文件并将其显示为本地网页上的链接

Question

我得到了一些帮助，所以我有一些代码可以使用，但我似乎无法理解这一点，所以，我正在寻求更多的帮助。我正在处理的任务是在本地网页上显示html文件作为链接，并自动更新，因为每天都会有一个新文件夹（插入到同一根文件夹）和一个新文件。

我的问题是访问文件夹和选择的html文件这总是被称为main.html.文件夹有一个不同的名称因为它有一个日期在名称但html文件总是被称为main.html.我想更新每日页面。我使用节点和javascript。

我曾尝试查找在线教程，但它们总是只读取文件，不显示文件作为链接或定期更新。我应该用快车吗？

教程，尝试使用可写和可读的流。

  var http = require("http");
  var fs = require("fs");

  var server = http.createServer(function(req, res) {
  res.writeHead(200, { "Content-Type": "text/html" });
  var myReadStream = fs.createReadStream(__dirname + "/index.html", 
  "utf8");
  myReadStream.pipe(res);
  });

  server.listen(3000, "127.0.0.1");

  const spawn = require("child_process").spawn;
  const resolve = require("path").resolve;
  const dir = _resolve(
  require("os").homedir(),
  "(Filepath for folder that gets inserted into the folder everyday)"
  );

  function getFiles(dir, ...flags) {
  const child = spawn("ls", flags);

  return new Promise((resolve, reject) => {
    let data = "";
    child.stdout.on("data", chunk => (data += chunk.toString()));
    child.stdout.on("err", err => reject(err.toString()));
    child.stdout.on("end", () => resolve(data));
    });
  }

  function monitorFileChanges(dir) {
   watch(dir, (event, filename) => {
    console.log(event, filename);
   });
  }

我没有得到任何输出除了原始的超文本标记语言文件没有任何更多的内容。

Answer 1

expressjs是一个web框架，它具有一个内置函数来呈现静态文件。查看本文档，以本地方式提供静态文件。请查找运行express应用程序的代码段。

const express = require('express')
const fs = require('fs');
const app = express()
const port = 3000

// File path for folder that gets inserted into the folder everyday
const path = "/var/";

// To render files in configured path
app.use(express.static(path))

// Root Path
app.get('/', (req, res) => {
    getFileList(path);
    res.sendFile(__dirname + '/index.html');
});

//To get list of files in the folder
 function getFileList(path) {
    if (fs.existsSync(path)) {
        fs.readdir(path, function (err, files) {
            //handling error
            if (err) {
                return console.log('Unable to scan directory: ' + err);
            }
            homePage(files);
        });
    }
}

// Generate home page with the available list of files as hyperlink
function homePage(fileList) {
    let data = "<ol> \n";
    for (let file in fileList) {
        data += `<li> <a href="/${fileList[file]}"> ${fileList[file]} </li> \n`
    }
    data += "</ol>";
    fs.writeFile('index.html', data)
}

// Start express app and listen the configured port
app.listen(port, () => console.log(`App listening on port ${port}!`))