electron 跨域通信

最新推荐文章于 2024-08-28 15:05:32 发布
最新推荐文章于 2024-08-28 15:05:32 发布
阅读量2k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： electron 通信 跨域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37339364/article/details/89854532
博客围绕Electron与HTML页面通信困难的问题展开。很多应用用Electron内嵌盒子生成客户端，导致二者通信难，ipcRenderer等方法不好用。解决办法是在static中写js，通过ipcRenderer执行，HTML端引入该js，将HTML方法写在window下。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

案发现场

背景

electron 相信大家并不陌生，很多应用都是通过 electron内嵌了一个盒子，生成客户端，这导致electron 和html页面通信极其困难，并且ipcRenderer，ipcMain 和webContents.send并不好用。这时候，骚操作出现了！

解决办法

在static中写一个js，然后通过ipcRenderer去执行， 而我们的另一端也就是写html的那部分，需要引入我们这边的js，形成A->1.JS，B->1.js。其中A代表的是electron，B代表的是我们的html网页端，A中嵌套的B，再将B的方法写在window下,就OK了.

总结

我承认，这波操作，我佛了！

原鑫@博客
关注
Electron 连接 websocket
虎康的博客
11-28 386
Electron 连接 websocket。
electron-vue下解决请求跨域方法
PolarisWay的博客
02-06 3229
electron-vue项目解决跨域
electron跨域问题
qq_34799366的博客
03-03 970
在main文件夹下的index.js里添加 webPreferences: { nodeIntegration: true, webSecurity: false } mainWindow = new BrowserWindow({ height: 563, useContentSize: true, width: 1000, frame: true, we...
【踩坑记】在electron中使用webview加载第三方登录页面，若页面重定向的网址非我们想要的，如何拉起浏览器去加载？
Wonder233的学习博客
10-27 9178
需求背景： 在软件里加入第三方登录小窗进行软件的登录。 方案 方案一 第一个方案决定使用 iframe 加载第三方 web 登录网址。但是发现当页面点击登录重定向到二级过度登录页面时，会报跨域的错误。 方案二 于是决定尝试使用 webview 来内嵌这个第三方登录页面。 踩坑过程 electron : 10.0.1 vue : 2.5.16 1、在主进程里需要允许主窗口使用 webviewTag： const win = new Browser({ ..., webPreferences: {
前端跨域通信--【iframe上篇】
cc_百川
05-29 730
PostMessage页面之间的通信,解决跨域页面之间消息传递。
vite electron解决跨域
最新发布
03-31
为了实现前端与后端之间的通信并解决跨域问题，可以在项目的根目录下创建或修改 `vite.config.js` 文件，并添加代理配置： ```javascript import { defineConfig } from 'vite'; export default defineConfig({ ...
Electron+serialport串口通信+sqlite3集成过程
sicxxx的博客
08-28 1249
Electron+serialport串口通信+sqlite3过程
iframe + postMessage 跨域通信
Somnus_djj的博客
02-19 479
Web是构建在同源策略基础之上，同源策略是浏览器的行为，是为了保护本地数据不被JavaScript代码获取回来的数据污染，因此拦截的是客户端发出的请求回来的数据接收，即请求发送了，服务器响应了，但是无法被浏览器接收。我们可以通过iframe来实现不同域之间互相请求资源。 同源 概念：协议相同、域名相同、端口相同 目的：保证用户信息的安全，防止用户数据泄露 限制范围： Cookie、LocalStorage、 IndexDB 无法读取 Dom 无法获取 AJAX 请求在浏览器端有跨域限制 ifr.
electron-vue跨域代理设置
10-31
在 Electron Vue 应用程序中，由于 Electron 环境下默认存在跨域限制，如果你需要与服务器进行通信，特别是在使用 Vue 的 axios 或者 fetch 进行 API 调用时遇到了跨域问题，可以设置一个跨域代理。最常用的一种方法...
包含后端服务器的Electron应用程序示例全部通过IPC连接
08-10
包含后端服务器的Electron应用程序示例全部通过IPC连接
Electron中文API（html）
04-11
Electron中文API（html版），官方md文件打开方式太蛋疼，我把它给编译成html文件了
private-chatting:使用WebSocket和Electron建立聊天室
05-25
使用 websocket 和 electron 搭建一个跨全平台的聊天软件 一、websocket 1、发展史 说起 websocket 的由来，就必须得说到轮循、长轮循、长连接。 轮询 轮询，也叫 短轮循，是指由浏览器每隔一段时间向服务器发出 HTTP 请求，然后服务器返回最新的数据给客户端。 最开始，很多网站为了实现推送技术，所用的技术都是轮询。 但是很明显，持续不断的请求在用户数量上去后，轮循也会产生很多无效的请求，会给服务器带来巨大的压力。 长轮循 长轮循 是指服务器收到客户端发来的请求后，不立即进行响应，而是先将这个请求挂起，然后判断服务器端数据是否有更新。若有数据更新，则进行正常返回响应，如果一直没有数据更新，则到达服务短指定的时间限制后才返回。 比起轮循，长轮循可以减少大量的无效请求，但是问题是，即便是挂起，也会消耗资源，在用户数量多了后，同样会使得服务器压力巨大。 长连接
使用Electron的webview组件开发一款无跨域功能的浏览器
xiaocuige007的博客
11-01 7743
浏览器下载地址 1.Webview空白问题 问题描述： 一下代码webview显示为空白页 <webview class="indexWebview" width='200' height='300' style="display: inline-flex;" src='http://www.baidu.com'></webview> 解决方案 const mainWindow = new BrowserWindow({ webPreferences: { w
electron 嵌入网页跨域问题正确解决姿势
ArturiaTop的博客
06-07 3194
无需设置 webPreferences.webSecurity = false，使用 protocol.registerHttpProtocol 实现，网页请求全部发向 http://api.fetch 再转至对应后台。
electron 主进程中使用websocket与java服务端通信
梦一样的博客，神话般的感觉
12-01 3131
客户端： electron-vue+elementui 开发工具：WebStorm electron:11.0.3 vue:2.5.16 element-ui:2.14.1 服务器: netty+websocket+spring 开发工具:IdeaJ netty:4.1.53.Final spring:5.1.10.RELEASE 废话不多说，对于程序员来讲。直接看代码比长篇大论的来的快，看的明白，更直观。关键的地方我会另行说明。 服务端： pom.xml <?xml version=".
Electron + WebSocket 通信
热门推荐
qq_37159708的博客
07-03 1万+
Electron + WebSocket 通信 描述 本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子。 项目结构 main.js：程序入口文件 websocket.html：web视图 websocket.js ：Websocket通讯脚本 技术 Node.js os 模块 提供基本的系统操作函数。 ( 参考：Node.js 工具模块 ) 引入： var os = require("os"); 属性 属性 描述 os.E
electron-vue在开发环境中跨域请求代理配置(亲测有效！！！)
DLGDark的博客
10-16 5925
文件位置：项目 .electron-vue——dev-runner.js，添加proxy即可，target换成自己项目的请求地址即可。直接上代码： const server = new WebpackDevServer( compiler, { contentBase: path.join(__dirname, '../'), quiet: true, + proxy: { + // 配置整个项目请求代理，不用区分
electron构建websoket服务
qq_40472157的博客
07-03 1462
【代码】electron构建websoket服务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值