Electron+React 深度 link

Question

我在 Electron + React 应用程序上工作（当然还有 react-router），应该在那里实现深度 linking。我几乎完成了这个任务，但我无法从 React 中的深度 link 获取参数。我已经阅读了这篇文章，并且我在电子文件中获取了参数。但我不知道如何在反应代码中获取此 link 数据。如果有人可以提供帮助，我将不胜感激。谢谢

Answer 1

要将数据从主进程发送到渲染器进程（渲染您的 React 代码的 window），您需要使用 contents.send(channel, ...args).

对于您的情况，macOS 的通信看起来像这样

// Protocol handler for macOS
app.on('open-url', (event, url) => {
  event.preventDefault()

  // send url data to React process
  reactBrowserWindow.webContents.send('testChannel', url)
})

在 React 代码中（需要启用节点集成或者此代码应在预加载脚本中）

const { ipcRenderer } = require("electron")

ipcRenderer.on('testChannel', (event, url) => {
  console.log(url)
})

Electron+React 深度 link

Electron+React deep link

reactjs

electron

deep-linking