electron - 如何从网站启动我的 Electron 应用程序-6ren

electron - 如何从网站启动我的 Electron 应用程序

转载作者：行者123 更新时间：2023-12-03 22:18:46

25

4

我们有一个 Electron 加密应用程序来签署交易(除其他外)。

我们希望其他网站能够有一个按钮来打开该 Electron 应用程序，并预先填充一些参数(交易信息)。

流量是:

用户在 some-crypto-site.com

上单击“进行交易”

Electron 应用打开预填充参数

用户在 Electron 应用程序中点击“签署交易”

Electron 应用在幕后做事

Electron 应用程序关闭并向 some-crypto-site.com

发送消息

这可以在运行时或安装时完成。

我试过的(linux，chrome)

调用 app.setAsDefaultProtocolClient 代码为 this gist ，这基本上是:

app.setAsDefaultProtocolClient("my-app")

但是在我放了 my-app://foo?bar=baz之后在 chrome 浏览器中，我得到以下弹出窗口，然后按 open-xdg 什么都不做(除了关闭弹出窗口)

我调查了

Electron protocol api似乎只处理应用内协议(protocol)

webtorrent .desktop file这可能是要走的路，我只是不知道该怎么做。

也许有一种方法可以在安装时通过 electron builder ?

提前感谢您的帮助，我不知道如何在这里进行!

可能有用的资源

github repo with mac+window example

github comment for linux

github comment for linux 2

SO answer for all 3 OSs

SO windows answer

npm package for windows registery

SO mac answer

SO linux answer

microsoft docs for windows

windows article

github comment for windows

github comment for mac

info.plst for mac

old repo for mac and win

最佳答案

因为这可能与我在工作中所做的事情有关，所以我决定试一试。
我只在 OSX 上测试过这个!
我查看了 app.setAsDefaultProtocolClient 的文档它说:

Note: On macOS, you can only register protocols that have been added to your app's info.plist, which can not be modified at runtime. You can however change the file with a simple text editor or script during build time. Please refer to Apple's documentation for details.

这些协议(protocol)可以在使用 electron-builder 打包您的应用程序时定义。 .见 build :

{
  "name": "foobar",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "dist": "electron-builder"
  },
  "devDependencies": {
    "electron": "^3.0.7",
    "electron-builder": "^20.38.2"
  },
  "dependencies": {},
  "build": {
    "appId": "foobar.id",
    "mac": {
      "category": "foo.bar.category"
    },
    "protocols": {
      "name": "foobar-protocol",
      "schemes": [
        "foobar"
      ]
    }
  }
}

在您的主线程中:

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

let mainWindow;

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

app.on('ready', createWindow);

var link;

// This will catch clicks on links such as <a href="foobar://abc=1">open in foobar</a>
app.on('open-url', function (event, data) {
  event.preventDefault();
  link = data;
});

app.setAsDefaultProtocolClient('foobar');

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

在您的渲染器线程中:
注意 remote 的使用访问 getLink 的 API在主线程中导出的函数

<!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>

示例

<a href="foobar://abc=1">open in foobar</a>

这也允许您从命令行启动:

open "foobar://xyz=1"

你如何回到原来的调用者？
我想当您启动应用程序时，您可以包含调用方 url:

<a href="foobar://abc=1&caller=example.com”>open in foobar</a>

当您的 Electron 应用程序完成处理数据时，它会简单地 ping 回该 url
学分
我的大部分发现基于:

从此GitHub issue

和 excellent work来自@oikonomopo

关于electron - 如何从网站启动我的 Electron 应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53530726/

25

4

0

文章推荐： Powershell Copy-Item - 仅当文件存在于目标中时才排除

文章推荐： json - Spring REST Controller中带有RequestBody的XML/JSON POST

文章推荐： GRAILS-11813 的 Grails 修复使 Maven 绊倒

electron - Electron 打包程序和 Electron 生成器无法构建 Electron 应用程序
首先，我创建了一个标签，并使用electron-packager构建了我的应用程序: node_modules/.bin/electron-packager . MyApp --platform=wi
electron - Electron :如何从 Electron 加载的页面中提取变量以更新徽章值。
我正在寻找一种基于 Electron 加载页面中提供的信息来更新MAC应用程序的徽章值的方法。我在启动时使用main.js文件中的以下代码加载页面。 function createWindow ()
electron - 使用 Electron 构建器时如何将参数传递给 Electron ？
我正在使用 Electron 构建一个应用程序，并使用 Electron Builder 进行打包。当运行 Electron 时，我想通过这个command line argument: --enab
electron - 如何使用 Electron 应用程序打包非 Electron MSI文件？
我遇到一种情况，当用户安装我的 Electron 应用程序时，我实际上需要安装2个应用程序:我的应用程序+一个单独的Windows MSI，它将作为我的应用程序工件的一部分包含在内。我是Electr
electron - 使用 Electron 生成器打包应用程序后无法打开 Electron 应用程序
使用 Electron 生成器构建 Electron 应用程序后，我无法从dist文件夹中打开该应用程序。我确实更改了所有链接以使用path.join(__ dirname，“relative_pat
electron - 您是否需要访问目标操作系统才能对 Electron 签名 Electron 应用进行编码
我使用Linux，并正在制作要在Windows，Mac和Linux上分发的Electron App。我想要的是我的应用程序可以自我更新-但这需要代码签名。这是否意味着我需要同时购买Windows和M
electron - 在 Electron 中使用foreverjs会导致 Electron 应用重复出现在基座中
我在 Electron 应用主程序中使用foreverjs，如下所示: const forever = require("forever-monitor"); let child = forever.
electron - ejs-electron 不能与 Electron 锻造一起使用
在我在 Windows 10 上运行的 electron-forge 应用程序中，没有呈现 ejs 模板，尽管没有可见错误。我可以使用创建的应用程序重现该问题 electron-forge init
electron - 从打包的asar应用程序 Electron 访问extraFiles Electron 生成器
我有一个 Electron 应用程序，该应用程序可以完美运行到开发环境中，并且日志引擎可以写入文件(使用winston.js)。该项目的结构是这样的: 当我运行 Electron 构建器来打包我的应
electron - 用 Electron 锻造为窗口打包 Electron 应用程序后找不到节点模块
Electron 应用程序是使用 electron-forge webpack 模板初始化的，一切都适用于 macOS。使用运行开发版本时 Electron 锻造开始该应用程序在 Windows
electron - 如何使用 Electron 生成器将 Electron 应用发布到GitHub版本？
我正在尝试将我的 Electron 应用发布到GitHub版本，但无法正常工作。这就是我所拥有的:package.json .... "scripts": { "start": "elect
electron - Electron -找不到 Electron 生成器自动更新程序update.yml吗？
我现在使用electron-builder并设法达到事件监听器的设置和触发点，但是我认为我没有完全正确设置它，因为当我使用electron .打开应用程序时，出现以下错误: Checking for
electron - 使用 Electron 生成器构建 Electron 时如何排除文件？
我想要的不是排除未使用的文件，而是将使用过的文件包排除到.exe文件中我提供了一个像 config.json 这样的文件供用户编辑一些自定义配置，然后应用程序可以读取该文件来做一些事情。所以我不希望
electron - 如何在 Electron 应用程序中显示 Electron 环境的版本？
我想了解 Signal Desktop 或 Visual Studio Code 等 Electron 桌面应用程序正在使用哪个版本的 Electron。有没有简单的方法——比如在开发控制台中输入命令
electron - 如何使用 Electron/Electron 构建器创建释放 channel ？
我有一个Electron我想在其中引入并行发布 channel 的应用程序:stable、next(用于早期采用者)和dev(用于测试最新版本)。这些都会有一个分支，新功能首先出现在 dev 中，然
electron - 在 Electron 窗口内运行非 Electron 可执行文件
我是 Electron 新手，我想在主窗口中运行非 Electron 可执行文件。可以这样做吗？这是我的代码: mainWindow = new BrowserWindow({width: 860,
node.js - 使用带有 Electron 编译和 Electron 松鼠启动的 Electron 锻造初始化 Electron 应用程序时出错
我开始使用 GitHub 按需培训学习 Electron。当我执行以下命令时。系统抛出错误。 electron % electron-forge init electron-app ⚠ Could n
electron - Electron 预加载器脚本中的访问路径如何？
在我的 Electron 应用程序中，我使用“electron-json-storage”模块在本地存储一些设置数据。但是，为了访问这些数据，我必须先找到本地路径。为此，我正在使用 app.get
electron - Electron 应用程序数据库
最近开始接触 Electron 。任何人都可以帮助我选择数据库。似乎没有直接的选择。建议中型项目的数据库。最佳答案在 Electron 应用程序中，您可以使用您选择的数据库: https://g
electron - Electron 应用菜单的工作示例
我是Electron的新手，无法找到应用程序菜单的工作示例。尝试将Quick Start应用程序与Electron文档的Class: Menu页面中的示例结合使用时，似乎什么都没发生-更改label

首页

博学

6Ren·AI

商城

electron - 如何从网站启动我的 Electron 应用程序