Electron
文章平均质量分 53
weixin_42595231
这个作者很懒,什么都没留下…
展开
-
Electron + React学习记录_10_项目实战-远程控制_6_建立传输过程——SDP
SDP协议介绍SDP全称是Session Description Protocol,翻译过来就是描述会话的协议。主要用于两个会话实体之间的媒体协商。什么叫会话呢,比如一次网络电话、一次电话会议、一次视频聊天,这些都可以称之为一次会话。那为什么要去发这个描述文本呢,主要是为了解决参与会话的各成员之间能力不对等的问题,如果参加本次通话的成员都支持高质量的通话,但是我们没有去进行协议,为了兼容性,使用的都是普通质量的通话格式,这样就很浪费资源了。所以SDP的作用还是很有必要的。RTCPeerConne.原创 2021-03-26 10:17:14 · 252 阅读 · 0 评论 -
Electron + React学习记录_09_项目实战-远程控制_5_控制事件的实现——robotjs
实现控制的流程获取控制端的输入,控制端的输入发送给傀儡端傀儡端根据输入进行操作 渲染进程->主进程robotjs帮我们实现第三步,首先是API文档安装robotjs再electron里输入process.versions查到node的版本先查询abi//手动编译npm rebuild —runtime=electron—disturl=https:/latom.io/download/atom-shell—target=<electron版本>—abi=<对原创 2021-03-25 21:11:32 · 515 阅读 · 0 评论 -
Electron + React学习记录_08_项目实战-远程控制_4_WebRTC介绍与实现
先回顾一下WebRTC的主要构成getUserMedia例子:如何播放://直接再cosole输入,如果有摄像头,则请求调用,网页就会显示摄像头和声音navigator.mediaDevices .getUserMedia({ audio: true, video: { width: { min: 1024, ideal: 1280, max: 1920 }, height: { min: 576, ideal: 720, max: 1080 }原创 2021-03-25 13:41:57 · 373 阅读 · 0 评论 -
Electron + React学习记录_07_项目实战-远程控制_3_IPC通信
实现打开控制界面流程1.让控制端输入控制码,发起控制请求,ipc传输到主进程2.服务器端接受到控制码,告诉傀儡端已被控制3.服务器端返回成功指令,告诉控制端已控制成功,主进程再发给渲染进程4.控制端打开新窗口,显示控制界面,主窗口显示正在控制傀儡端(服务器端先不实现,先代为mock,控制码也先直接mock)实现//渲染一打开就监听第三步的返回 ipcRenderer.on('control-state-change',handleControlState) //控制按钮鼠标点击事件 c原创 2021-03-25 08:49:20 · 301 阅读 · 0 评论 -
Electron + React学习记录_06_项目实战-远程控制_2
目录架构common存放渲染进程、主进程可复用代码前端框架在render/src/页面构建产物在pages/页面纯JS直接在Pages页面下与React框架结合跟Electron在一起工作要做些什么呢?书写React,并且编译它。CRA 其实一个好的选择。·处理引入electron/node模块:webpack配置: https://webpack.js.org/configuration/target/window.requirewindows根据环境信息加载本地或者d原创 2021-03-24 17:46:56 · 271 阅读 · 0 评论 -
Electron + React学习记录_05_项目实战-远程控制
项目背景:提供软件服务时在复杂情况时下(如排查故障、演示功能),通过沟通解决非常低效目标:希望迅速为用户提供远程协助,能够远程控制用户电脑,提供点击和键入功能,完成排查故障、演示场景业务流程:角色:控制端:技术人员 傀儡端:用户 流程:傀儡端告知控制端本机控制码 控制端输入控制码连接傀儡端 傀儡端将捕获的画面传至控制端 控制端的鼠标和键盘指令传送至傀儡端 傀儡端响应控制指令 技术难点:通信速度?等...原创 2021-03-23 21:20:16 · 357 阅读 · 0 评论 -
Electron + React学习记录_04_Electron能做什么
因为基于chrome的新版本,可以使用各种高级语法,不用担心引入过多的Polyfill而影响项目解决跨域问题,发请求时候可以少一个Options请求原创 2021-03-23 21:11:39 · 87 阅读 · 0 评论 -
Electron + React学习记录_03_Electron Native能力和GUI
使用Electron API创建原生GUIBrowserWindow应用窗口 Tray托盘 app设置dock.badge Menu 菜单 dialog原生弹框 TouchBar苹果触控栏使用Electron API获得底层能力 clipboard剪切板 globalShortcut 全局快捷键 desktopCapture捕获桌面 shell打开文件、URL 使用Node.js 获得底层能力Electron同时在主进程和渲染进程中对Node.j.原创 2021-03-23 21:04:05 · 599 阅读 · 0 评论 -
Electron + React学习记录_02_Electron进程间通信
为什么会用到进程间通信?一.通知事件比如我们在页面中想去创建一个原生菜单,但是只有主进程才能创建原生菜单.只能通过IPC通知主进程来创建我们的菜单二.数据传输比如我们在某个页面中获得现在的内存情况,这样子我们就要通过IPC传输数据三.共享数据比如像我们的用户信息在各个进程中都会用到,我们就要通过IPC来传输数据Electron提供了IPC通信模块,ipcMain和渲染进程的ipcRendereripcMain,ipcRender都是EventEmitter对.原创 2021-03-23 20:54:12 · 352 阅读 · 0 评论 -
Electron + React学习记录_01_Electron比较常用的几个模块
主进程app:他管理了我们应用的生命周期,比如像退出,同时他可以设置app的属性,比如像dockBrowserWindow:用于管理我们的窗口ipcMain它是跟ipcRender进行ipc通信的Menu,Tray,MenuItem等这些就是我们的原生GUINotification允许我们做可以做一个可交互的通知webContents它是用来加载我们具体的页面autoUpdater更新模块globalShortcut是用来设置全局的一个快捷键进程并集cl...原创 2021-03-23 20:05:23 · 176 阅读 · 0 评论