如何在Electron中替换服务器文件以加载本地SWF游戏？

核心思路 #

绕过重定向（避免CORS问题），直接在网络请求阶段拦截https://example.com/game.swf的请求，取消原请求并返回本地SWF文件的二进制内容，让页面以为加载的仍是原服务器资源。

具体实现 #

主进程代码（推荐方案） #

利用Electron的webRequest API拦截目标请求，直接返回本地文件内容：

const { app, BrowserWindow, session } = require('electron');
const fs = require('fs');
const path = require('path');

app.whenReady().then(() => {
  // 拦截目标SWF的请求
  session.defaultSession.webRequest.onBeforeRequest(
    { urls: ['https://example.com/game.swf'] },
    (details, callback) => {
      // 本地SWF文件路径，自行修改为你的实际路径
      const localSwfPath = path.join(__dirname, './local-game.swf');
      
      fs.readFile(localSwfPath, (err, fileBuffer) => {
        if (err) {
          console.error('读取本地SWF失败:', err);
          return callback({ cancel: false }); // 失败时 fallback 到原请求
        }

        // 返回本地文件内容，替代原响应
        callback({
          cancel: true,
          data: fileBuffer,
          responseHeaders: {
            'Content-Type': 'application/x-shockwave-flash',
            'Content-Length': fileBuffer.length.toString()
          }
        });
      });
    }
  );

  // 创建浏览器窗口
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      plugins: true, // 必须启用Pepper插件以加载SWF
      webSecurity: false, // 若页面存在其他跨域问题可开启，按需使用
      allowRunningInsecureContent: true
    }
  });

  // 加载远程游戏页面
  mainWindow.loadURL('https://example.com/game.html');
});

关键配置说明 #

1. Pepper Flash支持：
   需确保Electron加载了Pepper Flash插件，若未自动识别，可在启动时手动指定：

   // Windows示例，其他平台替换为对应插件路径
   app.commandLine.appendSwitch('ppapi-flash-path', path.join(__dirname, './pepflashplayer.dll'));
   app.commandLine.appendSwitch('ppapi-flash-version', '32.0.0.465'); // 对应插件版本号
   

   需自行下载对应平台的Pepper Flash插件。

2. 拦截规则：
   urls数组需精准匹配目标SWF的完整URL，避免误拦截其他资源。

3. 响应头设置：
   必须返回Content-Type: application/x-shockwave-flash，否则Chromium无法识别为SWF文件。

为什么之前的方法失效？ #

• interceptFileProtocol仅拦截file://协议，无法处理https://请求，需用webRequest或HTTP协议拦截。
• 重定向会改变资源URL，触发CORS校验；直接返回本地内容则保留原URL，避开跨域问题。

备选方案：拦截HTTPS协议 #

若webRequest方式有问题，可尝试直接拦截HTTPS协议：

const { app, BrowserWindow, protocol } = require('electron');
const fs = require('fs');
const path = require('path');

app.whenReady().then(() => {
  protocol.interceptBufferProtocol('https', (request, callback) => {
    if (request.url === 'https://example.com/game.swf') {
      const localPath = path.join(__dirname, './local-game.swf');
      fs.readFile(localPath, (err, data) => {
        err ? callback(err) : callback({
          mimeType: 'application/x-shockwave-flash',
          data: data
        });
      });
    } else {
      callback({ cancel: false }); // 其他HTTPS请求正常转发
    }
  });

  // 创建窗口并加载页面...
});

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