如何从协议链接接收 Electron 应用程序中的数据

Question

我正在制作一个游戏客户端，我拥有它，您可以在其中从浏览器启动游戏，例如“mygame://whatever”。 我正在做一些调试，我希望它显示“收到此数据：随便”。 它确实启动了应用程序，但它只是在数据框中显示未定义。 我该如何解决？

主.js：

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

let mainWindow;

function createWindow () {
  mainWindow = new BrowserWindow({
    width: 800, 
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })
  mainWindow.loadFile('index.html');
}

app.on('ready', createWindow);

var link;

app.on('open-url', function (event, data) {
  event.preventDefault();
  link = data;
});

app.setAsDefaultProtocolClient('mygame');

// Export so you can access it from the renderer thread
module.exports.getLink = () => link;

索引.html：

<!DOCTYPE html>
<html>
  <body>
    <p>Received this data <input id="data"></p>
    <script>
      const {getLink} = require('electron').remote.require('./main.js');
      document.querySelector('#data').value = getLink();
    </script>
  </body>
</html>

package.json：

{
  "name": "mygame",
  "version": "1.0.0-dev",
  "description": "Development copy.",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "dist": "electron-builder"
  },
  "author": "Me",
  "build": {
    "protocols": {
      "name": "mygame-protocol",
      "schemes": [
        "mygame"
      ]
    }
  },
  "devDependencies": {
    "electron": "^6.0.9",
    "electron-builder": "^21.2.0"
  }
}

感谢所有帮助！

Answer 1

此代码仅适用于 iOS

app.on('open-url', function (event, data) {
    event.preventDefault();
    link = data;
});

在 win32 中，您必须使用该代码

process.argv[1]

因此您可以像这样在 createWindow() 中添加该代码：

function createWindow () {
    // Crea la finestra del browser
    let win = new BrowserWindow({
        width: 800,
        height: 600,
    });

    //other stuff

    link = process.argv[1];
}

---

可能有用的资源

• electron url 方案“open-url”事件