关于Autodesk Platform Service联动AWS MySQL实现UI自动更新的技术咨询

完全可以实现无需刷新浏览器的自动数据更新，结合你的Node.js+Linux+AWS MySQL架构，以下是几种可行方案及对比：

1. 前端定时轮询（快速落地首选） #

这是最易实现的方案，前端定期调用后端接口拉取最新数据，直接更新DOM。

• 核心逻辑：前端用setInterval定时发起请求，后端提供查询MySQL的API
• 优点：无额外依赖，代码改动极小，兼容所有浏览器
• 缺点：实时性由轮询间隔决定，间隔过短会增加服务器负载
• 示例代码：
  前端：

  // 每30秒拉取一次数据
  setInterval(async () => {
    const res = await fetch('/api/get-table-data');
    const data = await res.json();
    // 替换成你的UI更新逻辑
    document.getElementById('data-display').innerHTML = JSON.stringify(data, null, 2);
  }, 30000);
  

  后端（Express为例）：

  const mysql = require('mysql2/promise');
  const express = require('express');
  const app = express();
  
  // 配置MySQL连接（从环境变量读取更安全）
  const dbConfig = {
    host: process.env.AWS_MYSQL_HOST,
    user: process.env.MYSQL_USER,
    password: process.env.MYSQL_PASS,
    database: process.env.MYSQL_DB
  };
  
  app.get('/api/get-table-data', async (req, res) => {
    try {
      const conn = await mysql.createConnection(dbConfig);
      const [rows] = await conn.query('SELECT * FROM your_target_table LIMIT 20'); // 按需调整查询
      await conn.end();
      res.json(rows);
    } catch (err) {
      res.status(500).json({ error: '数据查询失败' });
    }
  });
  
  app.listen(3000);
  

2. WebSocket实时推送（实时性最优） #

通过长连接让后端主动推送数据更新，适合对实时性要求高的场景。

• 核心逻辑：用Node.js的WebSocket库（如socket.io）建立前后端长连接，后端定时查询MySQL，有数据变化则推送给前端
• 优点：实时性强，减少无效请求，服务器负载更低
• 缺点：需要维护长连接，代码复杂度略高
• 示例代码（Socket.io）：
  后端：

  const express = require('express');
  const http = require('http');
  const { Server } = require('socket.io');
  const mysql = require('mysql2/promise');
  const schedule = require('node-schedule');
  
  const app = express();
  const server = http.createServer(app);
  const io = new Server(server);
  
  const dbConfig = { /* 同前 */ };
  
  // 每分钟查询一次数据并推送
  schedule.scheduleJob('* * * * *', async () => {
    try {
      const conn = await mysql.createConnection(dbConfig);
      const [rows] = await conn.query('SELECT * FROM your_target_table');
      await conn.end();
      io.emit('data-updated', rows); // 推送给所有在线客户端
    } catch (err) {
      console.error('推送数据失败:', err);
    }
  });
  
  // 新客户端连接时立即推送当前数据
  io.on('connection', async (socket) => {
    const conn = await mysql.createConnection(dbConfig);
    const [rows] = await conn.query('SELECT * FROM your_target_table');
    await conn.end();
    socket.emit('data-updated', rows);
  });
  
  server.listen(3000);
  

  前端：

  const socket = io();
  socket.on('data-updated', (data) => {
    // 更新UI
    document.getElementById('data-display').innerHTML = JSON.stringify(data, null, 2);
  });
  

3. Cron+静态文件（低频率更新场景） #

用Linux Cron定时执行Node.js脚本，将MySQL数据生成静态JSON文件，前端请求静态资源更新。

• 核心逻辑：Cron定时触发脚本查询MySQL，生成静态文件；前端定时请求该文件
• 优点：服务器负载极低，静态资源访问速度快
• 缺点：实时性差，仅适合小时级或更长周期的更新
• 示例步骤：
  1. 编写数据生成脚本sync-data.js：

  const fs = require('fs');
  const mysql = require('mysql2/promise');
  
  const dbConfig = { /* 同前 */ };
  
  async function syncData() {
    const conn = await mysql.createConnection(dbConfig);
    const [rows] = await conn.query('SELECT * FROM your_target_table');
    await conn.end();
    fs.writeFileSync('./public/data.json', JSON.stringify(rows));
  }
  
  syncData();
  

  2. 添加Cron任务（执行crontab -e编辑）：

  # 每小时执行一次脚本
  0 * * * * cd /path/to/your/project && node sync-data.js
  

  3. 前端请求静态文件：

  setInterval(async () => {
    const res = await fetch('/data.json');
    const data = await res.json();
    // 更新UI
  }, 3600000); // 每小时请求一次
  

方案选择建议 #

• 实时性要求高（分钟级内更新）：选WebSocket方案，兼顾实时性和效率
• 快速落地、更新频率要求一般：选前端轮询方案，开发成本最低
• 数据更新极慢、追求性能：选Cron+静态文件方案

注意：确保AWS MySQL的安全组允许你的Node.js服务器IP访问，同时Autodesk Platform Service的相关权限配置正常，避免数据联动时出现访问问题。

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