electron browserview通讯

2024-10-12

electron通讯

Electron桌面应用实现两个窗口(渲染进程)之间的通讯,传输数据: 方法1:在两个网页(渲染进程)间共享数据最简单的方法是使用浏览器中已经实现的 HTML5 API. 其中比较好的方案是用 Storage API, localStorage,sessionStorage 或者 IndexedDB. 方法2:使用Electron 内的 IPC 机制实现.将数据存储在主进程的某个全局变量中,然后在多个渲染进程中使用 remote 模块来访问它.例: //主进程中 Global.saveData

Electron + Websoket 通讯

Electron + WebSocket + node.js 通信描述本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子. 项目结构 main.js:程序入口文件 websocket.html:web视图 websocket.js :Websocket通讯脚本技术 Node.js os 模块提供基本的系统操作函数. ( 参考:Node.js 工具模块 ) 引入: var os = require("os"); 属性属性描述

electron 开发拆坑总结

electron 总结前言有一个web项目需要用客户端来包装一下项目的主要业务都在服务器上所以项目的大多数功能都用url 地址来访问: 客户端登陆界面在本地打包客户端的本地登陆界面做为登陆入口: electron 开发中有一个概念需要理解我暂且叫主进程吗 main, 这个进程的控制在项目的配置 package.json 的main 字段中定义: main.js 作为electron 控制的后端入口, 基本的主要控制都是在这个文件里面定义 eletron 控制系统的接口很多也

从零开始学Electron笔记（五）

在之前的文章我们介绍了一下Electron的右键菜单的制作,接下来我们继续说一下Electron如何通过链接打开浏览器和嵌入网页. 现在有这样一个需求,我们要在我们的软件中加一个链接,然后点击该链接打开Chrome浏览器来打开此链接,那我们该如何实现呢? 先来看一下上一章之后我们的目录结构: 为了实现上面的需求,我们可以按照之前我们写前端代码一样写一个 a 标签来进行页面的跳转: <!DOCTYPE html> <html lang="en"> <head

研究Electron主进程、渲染进程、webview之间的通讯

背景由于某个Electron应用,需要主进程.渲染进程.webview之间能够互相通讯. 不过因为Electron仅提供了主进程与渲染进程的通讯,没有渲染进程之间或渲染进程与webview之间通讯的办法,所以只能寻找其他方案来解决. 研究一:ipcMain/ipcRenderer Electron主进程与渲染进程的通讯,就是用ipcMain/ipcRenderer这两个对象. // 在主进程中. const { ipcMain } = require('electron') ipcMain.o

Electron学习入门

1.安装electron,不建议全局安装,这样每个app可以使用不同的electron版本了 2.配置package.json中的script下的start属性的值为electron . Electron应用结构主进程 Package.json的main脚本的进程称为主进程.主进程中的脚本通过创建web页面来展示用户界面,一个应用有且只有一个主进程渲染进程由于 Electron 使用了 Chromium 来展示 web 页面,所以 Chromium 的多进程架构也被使用到. 每个 Elec

Electron使用与学习--(基本使用与菜单操作)

对于electron是个新手,下面纯属个人理解.如有错误,欢迎指出. 一.安装如果你本地按照github上的 # Install the `electron` command globally in your $PATH npm install electron-prebuilt -g 安装不起来的话,没事.按照这个博友的方法来安装即可.Electron安装二.Electron是什么类似NW.js.但是好像比它强大很多.而且社区很活跃,很有前途. 三.废话不多说,直接上实例.

Electron 不完全快速手册

Electron能干嘛 Vscode 基于Electron开发的,他是用来开发桌面软件的,可以轻易的跨平台他的前身是atomshell,图标很丑,不用在意,一点也不像vscode也不用在意. Let's go Electron 是基于Node Chromium V8 组合而来,目前的版本是1.3.3 https://github.com/electron/electron/releases/download/v1.3.3/electron-v1.3.3-win32-x64.zip

electron + vue 实践项目

github地址本地安装环境准备安装node: * https://nodejs.org/en/download/ 配置webpack: npm install -g webpack(sudo权限) windows配置cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 因为npm的默认仓库在国外,下载很慢,国内淘宝搞了个CNPM,每10分钟同步一次,完全够用了当然也可以使用yarn下载 npm insta

Electron 实战桌面计算器应用

前言 Electron 是一个搭建跨平台桌面应用的框架,仅仅使用 JavaScript.HTML 以及 CSS,即可快速而容易地搭建一个原生应用.这对于想要涉及其他领域的开发者来说是一个非常大的福利. 原文作者:林鑫,作者博客:http://blog.gdfengshuo.com/ 项目介绍仓库地址:lin-xin/calculator 我这里通过 Electron 实现了仿 iPhone 的计算器,通过菜单可以切换横屏和竖屏,横屏有更多的运算.而对于 JavaScript 进行浮点数计算来说

electron 学习笔记

一.快速搭建一个electron 项目结构 # 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-start # 进入这个仓库 $ cd electron-quick-start # 安装依赖并运行 $ npm install && npm start 二.关于<webview> 标签的使用 <webview> 标签可以把一个第三方页面嵌入到你的应用中,在一个最简单的 webview

electron 使用中的注意事项

一.ELECTRON引用JQUERY.JS electron不能像正常的html文件引用jq.js那样(为嘛不造),elecron引用jq.js的方式为: <script>window.$ = window.jQuery = require('jquery.js');</script> 二.ELECTRON跟JS之间的通信他们之间不能直接通信,需要使用ipc来实现通讯.例: //发信方 var ipc = require('ipc'); ipc.send('isMessage')

electron调用C#应用程序实现串口通信

最近转入零售行业开发了一系列产品,包含便利店收银软件.会员系统.供应链系统.为了追赶潮流,收银软件使用了electron平台开发,界面效果.开发效率确实不错:但是涉及到串口通讯时遇到了麻烦,electron不能直接使用node.js的串口模块.网上有一些文章推荐编译electron源码来实现串口模块的集成,向这条路走的过程中发现困难重重,尝试多次都没有成功,于是放弃. 经过一系列的google并测试后,终于通过调用第三方应用程序的方式实现:electron启动C#开发的程序.C#程序直接与串口通

第四章-使用本机文件对话框和帮助进程间沟通 | Electron实战

本章主要内容: 使用Electron的dialog模块实现一个本机打开文件对话框促进主进程和渲染器进程之间的通信将功能从主进程暴露给渲染器进程使用Electron的remote模块从主进程导入功能到渲染器进程使用webContents模块将信息从主进程发送到呈现器进程,并使用ipcRenderer模块为来自主进程的消息设置监听器在前一章中,我们为第一个Electron项目打下了基础,这是一个笔记应用程序,它从左窗格中取出Markdown,并在右窗格中将其呈现为HTML.我们设置了主进程

第五章-处理多窗口 | Electron实战

本章主要内容: 使用JavaScript Set数据结构跟踪多个窗口促进主进程和多个渲染器进程之间的通信使用Node APIs检查应用程序运行在那个平台上现在,当Fire Sale启动时,它为UI创建一个窗口.当该窗口关闭时,应用程序退出.虽然这种行为完全可以接受,但我们通常希望能够打开多个独立的窗口.在本章中,我们将Fire Sale从一个单窗口应用程序转换为一个支持多个窗口的应用程序.在此过程中,我们将探索新的Electron APIs以及一些最近添加的JavaScript.我们还将探

初探Electron，从入门到实践

本文由葡萄城技术团队于博客园原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 在开始之前,我想您一定会有这样的困惑:标题里的Electron 是什么?Electron能做什么?许多伟大的公司使用Electron框架的原因又是什么? 带着这些问题和疑惑,通过本文的介绍,可助您全面地认识Electron这门新兴的技术,迅速找到其入门途径,并理解Electron为何被称为当下开发桌面App的最佳选择. 初探Electron一.Electro

Web端即时通讯基础知识补课：一文搞懂跨域的所有问题！

本文原作者: Wizey,作者博客:http://wenshixin.gitee.io,即时通讯网收录时有改动,感谢原作者的无私分享. 1.引言典型的Web端即时通讯技术应用场景,主要有以下两种形式: 1)作为完整的即时通讯产品进行应用:比如独立的Web端IM产品: 2)作为某个更大系统中的一部分进行应用:比如客服系统(相当于工单系统里嵌入IM技术啦). 对于第一种场景,为了更好的划分功能逻辑,一个完整的产品通常都会调用来自于不同服务器提供的各种接口(比如各种服务端微服务接口),那么Web端跨

第一章 Electron介绍 | Electron in Action(中译)

Github 官方地址代表作: Visual Studio Code Atom - Code editor. Github开源的代码编辑器,Electron起源地 Visual Studio Code - Cross-platform IDE. 近几年最火的代码IDE Hyper - Terminal. 3万多星的命令行窗口,慌了! 其他本章主要内容理解Electron是什么学习Electron基于什么技术了解使用Electron和传统Web应用程序有什么不同构建Electron应用

Electron 入门第一篇

官网:http://electronjs.org/docs/tutorial/application-architecture 转载:https://blog.csdn.net/qq_33323731/article/details/80492191(第一个demo和安装依赖的包) 一.简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用.你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体.这不意味着 Electron

electron api sendInputEvent 源码

electron-master\electron-master\shell\browser\api\atom_api_web_contents.cc // Copyright (c) 2014 GitHub, Inc. // Use of this source code is governed by the MIT license that can be // found in the LICENSE file. #include "shell/browser/api/atom_api_web

electron browserview通讯

热门专题