基于Angular与Node.js的Web应用：如何用JavaScript获取文件最后修改时间？

嘿，我来帮你搞定这个需求！你用Angular+Node.js开发Web应用，想要在特定文件修改时同步更新数据库，用最后修改时间来判断是个靠谱的思路，我给你详细讲讲怎么实现（重点在Node.js端，因为前端Angular没法直接操作服务器/本地文件）：

1. 获取文件最后修改时间 #

Node.js的原生fs（文件系统）模块就能轻松获取文件的最后修改时间，有异步和同步两种方式，推荐用异步避免阻塞事件循环：

异步方法（推荐） #

const fs = require('fs').promises;

async function getFileLastModifiedTime(filePath) {
  try {
    const stats = await fs.stat(filePath);
    // stats.mtime 是一个Date对象，记录文件最后修改时间
    return stats.mtime;
  } catch (err) {
    console.error('获取文件信息失败:', err);
    throw err;
  }
}

// 使用示例
const targetFile = './path/to/your/target-file.json';
getFileLastModifiedTime(targetFile)
  .then(mtime => console.log('文件最后修改时间:', mtime))
  .catch(err => console.error(err));

同步方法（仅适用于非高频场景） #

const fs = require('fs');

function getFileLastModifiedTimeSync(filePath) {
  try {
    const stats = fs.statSync(filePath);
    return stats.mtime;
  } catch (err) {
    console.error('获取文件信息失败:', err);
    throw err;
  }
}

// 使用示例
const mtime = getFileLastModifiedTimeSync('./path/to/your/target-file.json');
console.log('文件最后修改时间:', mtime);

2. 监听文件变化（比轮询修改时间更高效） #

其实不用自己定时轮询修改时间，Node.js内置了文件监听API，能直接捕获文件的修改事件，更高效：

方法一：fs.watchFile()（简单易用） #

适合对性能要求不高的场景，内置轮询机制：

const fs = require('fs');

const targetFile = './path/to/your/target-file.json';

// 监听文件变化，interval设置检查间隔（毫秒，默认5007）
fs.watchFile(targetFile, { interval: 1000 }, (currStats, prevStats) => {
  // 通过对比修改时间戳判断文件是否真的被修改
  if (currStats.mtime.getTime() !== prevStats.mtime.getTime()) {
    console.log('文件已修改，开始同步数据库！');
    // 调用你的数据库同步逻辑
    syncDatabase(targetFile);
  }
});

// 数据库同步逻辑示例（根据你的数据库类型调整）
async function syncDatabase(filePath) {
  // 1. 读取文件内容
  const fileContent = await fs.readFile(filePath, 'utf8');
  // 2. 解析文件内容（比如JSON格式）
  const fileData = JSON.parse(fileContent);
  // 3. 同步到数据库（这里用伪代码，替换成你的实际操作）
  // await yourDbClient.collection('your-collection').updateOne(
  //   { id: fileData.id }, 
  //   { $set: fileData }, 
  //   { upsert: true }
  // );
  console.log('数据库同步完成！');
}

// 不需要监听时记得取消
// fs.unwatchFile(targetFile);

方法二：fs.watch()（性能更优） #

基于操作系统原生文件监听，比fs.watchFile()高效，适合高频修改场景：

const fs = require('fs');

const targetFile = './path/to/your/target-file.json';

const watcher = fs.watch(targetFile, (eventType, filename) => {
  // eventType 可能是 'change' 或 'rename'，我们只关心修改事件
  if (eventType === 'change' && filename) {
    console.log(`${filename} 已修改，开始同步数据库！`);
    syncDatabase(targetFile);
  }
});

// 关闭监听
// watcher.close();

3. 结合Angular前端的实时同步 #

因为文件操作和数据库同步都在Node.js后端，前端Angular如果要实时感知更新，可以这样做：

• 后端同步数据库后，通过WebSocket（比如Socket.io）主动推送更新通知给前端
• 前端用RxJS的interval()定期轮询后端接口，获取最新数据
• 前端收到通知后，重新请求数据刷新页面

举个Socket.io的简单示例：

后端（Node.js）

const io = require('socket.io')(yourExpressServer);

// 在syncDatabase函数完成后推送通知
async function syncDatabase(filePath) {
  // ... 数据库同步逻辑 ...
  io.emit('file-synced', { message: '文件已同步到数据库' });
}

前端（Angular）

import { Component, OnInit } from '@angular/core';
import { io, Socket } from 'socket.io-client';
import { YourDataService } from '../services/your-data.service';

@Component({
  selector: 'app-data-view',
  templateUrl: './data-view.component.html',
  styleUrls: ['./data-view.component.css']
})
export class DataViewComponent implements OnInit {
  private socket: Socket;

  constructor(private dataService: YourDataService) {}

  ngOnInit() {
    this.socket = io('http://your-node-server-url');
    this.socket.on('file-synced', () => {
      console.log('数据库已更新，刷新页面数据');
      this.loadLatestData();
    });
  }

  private loadLatestData() {
    this.dataService.getLatestData().subscribe(data => {
      // 更新组件数据，刷新页面
      // this.data = data;
    });
  }
}

内容的提问来源于stack exchange，提问作者Adrien Voisin