Electron+React 深度链接

编程问答 2022-05-23

问题描述

我从事 Electron + React 应用程序（当然还有 react-router），并且应该在那里实现深度链接。我几乎处理了这个任务，但是我无法从 React 中的深层链接获取参数。我已经阅读了这篇文章 Open app and pass parameters with deep linking using Electron (macOS)，并且我在电子文件中获得了参数。但我不知道如何在反应代码中获取此链接数据。如果有人能帮忙解决这个问题，我将不胜感激。谢谢

解决方法

要将数据从主进程发送到渲染器进程（渲染 React 代码的窗口），您需要使用 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',url) => {
  console.log(url)
})
deep-linkingelectronelectronreactjsreactjsreactjsreactjs