linux浏览器网页唤起electron应用

最新推荐文章于 2025-09-23 16:34:22 发布
原创 最新推荐文章于 2025-09-23 16:34:22 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍如何在麒麟/统信/deepin操作系统上使用electron-builder配置自定义协议来启动应用程序，并提供了一个具体的步骤指南。

操作系统:麒麟/统信/deepin

electron版本: 12

electron-builder版本:^22.3.2

麒麟操作系统:

步骤一

修改package.json中electron-builder配置,新增protoclols

schemes字段里为唤起应用的协议

例如 :hello://param?name=zhangsan

scheme: ['hello']

步骤二:

main.js中写入

app.setAsDefaultProtocolClient('hello')

如果需要唤起url里的参数可以从process.argv[1]中拿到

如果是统信和deepin,需要额外的操作

首先创建desktop文件

安装完成后的脚本里执行注册scheme动作

datastructure1
关注
electron应用通过web页面按钮唤醒
baidu_40294156的博客
07-07 2756
通过web页面唤醒electron打包应用
Electron学习 第十章通过链接打开浏览器
mm_0123456789的博客
02-11 2579
electron通过链接打开默认浏览器 文章目录electron通过链接打开默认浏览器一、项目编写1. html页面2. 主进程代码3. 渲染进程代码二、实现效果 一、项目编写 1. html页面 index.html 代码如下（示例）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
Linux浏览器拉起应用程序
海天鹰
08-05 1849
https://blog.youkuaiyun.com/weixin_39851914/article/details/116633507 1.hty.desktop ... MimeType=x-scheme-handler/hty ... 2.hty.desktop 放到 ~/.local/share/applications/ 或 /usr/share/applications/ 执行命令：update-desktop-database 3.注册hty协议： xdg-mime default hty.d.
哪些国产软件在用Electron？居然这么多大厂！
最新发布
2401_82943878的博客
09-23 860
Electron是一个由GitHub开发的开源框架，允许使用Web技术（HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。其核心原理是将Chromium浏览器引擎和Node.js运行时结合在一起，提供了一个能够运行Web页面同时又能访问操作系统原生API的环境。Electron框架已经成为国产桌面应用开发的重要选择，众多大厂的产品都在使用这一技术。虽然存在一些挑战，但其在开发效率、跨平台一致性和人才资源方面的优势使得它成为许多项目的理想选择。
如何在浏览器唤起自己开发的electron桌面应用程序
weixin_43254015的博客
06-16 3982
通过注册的自定义协议使你的应用程序与操作系统进行集成，并通过链接或请求的方式进行通信。通过定义协议和在操作系统中注册，你的应用程序能够被唤起并接收数据，以实现与浏览器或其他应用程序的交互。
外部浏览器调起electron客户端
weixin_44613254的博客
06-21 1851
方法封装 import {app} from “electron”; /** 协议处理 */ const protocolHandler = () => { const path = require(‘path’) const args = []; if (!app.isPackaged) { // 如果是开发阶段，需要把我们的脚本的绝对路径加入参数中 args.push(path.resolve(process.argv[1])) } // 加一个 -- 以确保后面的参数不被 Electron 处
linux安装应用程序
weixin_30838921的博客
05-06 296
实验：为 Linux 主机安装应用程序 环境：vmware workstation 14 . redhad-server-6.4 需求：1.使用 RPM 包的方式安装 Mozilla Firefox 浏览器 2.使用源代码包编译的方式安装 Apache 3.使用 RPM 包的方式安装Webmin管理软件，并使用 rpm查询软件的用途、文件列表 思路：下载所需软件包 使用RPM包...
electron+vue3全家桶+vite项目搭建【23】url唤醒应用，并传递参数
个人网站：https://www.longzipeng.online
07-16 1518
electron通过url唤醒应用并传递参数
vue打包成electron，在linux系统中，el-input组件点击无法唤起系统键盘
06-17
2.在Linux桌面环境中，Electron应用默认不会自动弹出软键盘，因为系统可能没有内置的触摸键盘，或者Electron没有触发这个行为。解决方案思路：1.我们需要在点击el-input时，主动调用Linux系统的虚拟键盘（如Onboard,...
vue+electron打成的桌面应用，在Ubuntu系统中运行，el-input唤起不了键盘
06-19
然而，Ubuntu系统本身可能没有默认的软键盘，或者即使有，Electron应用也可能不会自动唤起它。解决方案思路：1.确保输入框能够正常聚焦（这是唤起键盘的前提）。2.在需要的时候主动调用系统的软键盘程序。对于Ubuntu...
Vector桌面版：基于Electron的Vector-IM客户端封装
vector-desktop 是一个基于 Electron 框架开发的桌面应用程序，其核心目标是将 vector-im 提供的 Web 客户端封装为可在 Windows、macOS 和 Linux 等主流操作系统上运行的独立桌面应用。该项目本质上是对现有网页版...
如何实现从网页一键启动你的 Electron 桌面应用（zxjapp://）
Mr. Zhang Xiaojian's Blog
05-19 791
本文详细介绍了如何通过自定义URL协议（如zxjapp://）实现从网页一键启动本地Electron应用。首先，通过app.setAsDefaultProtocolClient()方法注册协议，并在主进程中监听open-url事件以处理协议调用。接着，在网页中添加按钮，通过隐藏的iframe尝试打开应用，并利用页面可见性变化判断应用是否成功启动。文章还提供了Windows和macOS平台下的注意事项，如Windows注册表自动写入和macOS沙盒权限配置。通过这一方案，开发者可以轻松实现网页与本地应用的交互
Linux环境下的Electron应用构建实践指南
weixin_35935514的博客
05-23 989
Electron由GitHub于2013年发布，最初名为Atom Shell，是用于构建桌面应用的开源框架。它允许开发者使用前端技术栈（HTML、CSS和JavaScript）来编写跨平台的桌面应用。通过内置Chromium和Node.js，开发者可以使用Web技术创建应用程序，并利用Node.js的模块化能力访问本地系统资源，从而打造功能丰富的桌面应用。Electron的演进与流行可以归因于几个关键因素：社区支持与扩展性。
在浏览器中打开linux中的应用程序脚本
qq_43226113的博客
04-07 1287
#!/bin/bash cp /home/greatwall/桌面/ZWCAD2021.desktop /home/greatwall/桌面/distcad.desktop chmod 777 /home/greatwall/桌面/distcad.desktop text=x-scheme-handler/distcad sed -i "s:^.*MimeType.*$:MimeType=${text};:" /home/greatwall/桌面/distcad.desktop cp /home/great
linux上实现使用自定义URL访问本地程序
qq_38781075的博客
09-27 2260
在linux自定义协议，让浏览器可以调用本地程序（我没试过） 第一种是在gnome桌面环境下（只适用rhel6），执行以下步骤 并且重启系统 gconftool-2 -t string -s /desktop/gnome/url-handlers/foo/command 'foo "%s"' gconftool-2 -s /desktop/gnome/url-handlers/foo/needs_terminal false -t bool gconftool-2 -s /desktop/gnome/
浏览器唤醒本地应用
问白的博客
06-14 2546
我们可以通过自定义协议来唤起本地应用，只要协议和应用对接好久ok。query]scheme: 应用的表示，需要在本地注册过。比如这里使用自定义标识 x-worldpath: 对应的是应用中的某个功能模块的页面。query:就和URL中的查询参数一样，需要传递给应用的参数直接上代码//Electron main.js 主进程中 // 自定义协议名 const agreement = 'x-world' // 注册自定义协议 function setDefaultProtocol() {
electron打包在linux环境运行,通过Electron基于网页版打包Linux端飞书（Electron-Lark）...
weixin_39651488的博客
05-03 1809
在Linux系统下使用飞书，可使用下面提供的通过Electron基于网页版打包的Linux端飞书(Electron-Lark)，提供deb和tar.xz包下载，支持Deepin、Ubuntu等版本。简介Electron版的飞书Feishu (原Lark)，对网页版本进行封装。相比起普通网页版，功能如下：独立的运行窗口，不容易误关闭。关闭程序时后台运行，隐藏到通知栏小图标，双击可重新打开界面。新消息...
Electron.js指南——自定义Linux桌面启动器操作
幽灵 逐梦--专栏
10-19 725
自定义Linux桌面启动器操作 在许多Linux环境中，可以通过修改.desktop文件将自定义条目添加到其启动器。有关Canonical的Unity文档，请参见向启动器添加快捷方式。有关更通用的实现的详细信息，请参见freedesktop.org规范。 Audacious的启动器快捷方式： 一般来说，快捷方式是通过为快捷方式菜单中的每个条目提供Name和Exec属性来添加的。Exec用户单击后，Unity将执行该字段。格式如下： Actions=PlayPause;Next;Prev..
浏览器中调用Linux程序,ubuntu下浏览器调用本地应用程序
weixin_39622123的博客
05-01 1557
ubunut下浏览器调用本地应用程序需要desktop文件和scheme协议的支持，和windows 的url protocol类似，只是注册协议的方式不一样。首先是desktop文件，里面需要加入一个字段来注册协议MimeType=x-scheme-handler/test接着在Exec字段中加入 %u来接受参数Exec=/usr/local/Test/test %u如果需要root权限则需要使...
浏览器唤起electron
09-02
浏览器可以通过web页面上的按钮来唤起electron的桌面应用程序。这可以通过在web页面上定义一个按钮，并使用特定的代码来实现。代码会触发电子应用程序的启动，并传递特定的参数。例如，可以通过在web页面上的按钮上...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值