如何從協議鏈接接收 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”事件