网页的一大特色就是无处不在, 这是一个令人惊叹的平台,用它所创建的协作平台,可以被多种类型的设备所访问,无论设备运行在何种操作系统上。换句话说,网页只能运行在浏览器中,无法直接运行在操作系统中,因此网页应用程序也就无法访问文件操作系统。它们也无法执行非JavaScript编写的代码,他们无法调用桌面应用程序可以使用的众多操作系统接口。还有,当大多数网页应用程序没有可靠的互联网连接时,也就无法使用了。
当我们明白了以上几个问题之后,那就大概率算是基本掌握了这个技术,后面再要深入就要经过大量的项目实践和源码原理的研究了。
在开始之前,我想您一定会有这样的困惑:标题里的Electron 是什么?Electron能做什么?许多伟大的公司使用Electron框架的原因又是什么?
Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用,由 Github 主导和开源,大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。
近些年来,跨平台跨端一直是比较热门的话题,Write once, run anywhere一直是开发者所期望的,跨平台方案的优势十分明显。
Github为跨平台桌面应用的开发而生的框架Electron,这周发布了1.0版本。 通过这个框架,开发者可以通过HTML、CSS和JavaScript建立原生应用。Electron使用JavaScript的API处理和不同操作系统的接口调用,通过Web页面来给用户提供UI界面。 Github称,Electron app就像一个微型的网页浏览器一样,具有与本地文件系统交互的功能,网页浏览器已经打包在了app中。这样,应用就可以一次编写,在各个操作系统上运行。Electron已经支持各个平台的接口。它有自己的
想开发手机app?不会开发PC客户端?不存在!会写网页几步就能实现将网页转化为PC或手机客户端。
我在2020年曾经基于Electron开发过一个跨平台桌面应用,在一定的条件下,Electron是非常好的选择。
本章主要内容 构建并启动Electron应用 生成package.json,配置成Electron应用 在你的项目中包含预先构建Electron版本 配置package.jso
昨晚搬砖回家看到 Peter 发了条朋友圈,腾讯云游戏平台 START 公测发布,他在用 MAC 打 LOL。我紧随其后体验了一波,毕竟 LOL 是我们这代人的青春,工作后很少有时间玩,用上 MAC 后,之前的游戏本也放在箱底很久了。
Web浏览器是非常复杂的应用程序。除了显示网页内容的主要功能外,它们还有许多次要的职责,比如管理多个窗口(或标签)和加载第三方扩展。 在早期,浏览器通常使用一个进程来实现所有这些功能。虽然这种模式意味着你打开的每个标签的开销更少,但它也意味着一个网站崩溃或挂起会影响整个浏览器。
从最开始我开始写文章就讲过Node.js与Java的优缺点,我当时说过,JAVA能做的如果非要使用Node.js最后肯定是能实现的,但是我们会考虑用什么更加适合。说到桌面应用程序,可能更多人会想到使用QT或者JAVA FX去实现,Node.js能实现桌面程序么?可能很多人对这个问题的答案抱着怀疑的态度。实际上Node.js现在生态圈越来越完善,所以用Node.js实际上可以非常轻松的架构一个桌面应用。今天我们来讲讲Node.js是如何构建一个桌面应用。
现在开发IM应用动不动就要求多端——即Android端、iOS端、PC端、Web端等,Android端和iOS端作为两种不同的移动端技术,单独开发和维护还能理解,PC端和Web端如果要单独开发那就有点头大了,必竟开发传统的PC桌面应用成本太高(QT这类技术跟Web技术相比,上手难度大的多,而且太小众)。所以,很大情况下大家都是PC富客户端和Web端二选一,对于比较磨叽的老板、产品经理或客户来说,这是个很费口舌的事情(你懂的。。。)。
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium (opens new window) 和 Node.js (opens new window) 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
经济学中的“有需求就有市场”,在技术领域也不例外,Electron 是应需求而生的,Electron 面世之后,非但满足了现有大部分的开发需求,还创造了大量的新需求,开辟了一个新的生态。
本文引用了作者“ ConardLi”的《用JS开发跨平台桌面应用,从原理到实践》一文部分内容,原文链接:segmentfault.com/a/1190000019426512,感谢原作者的无私分享。
Electron 是一个使用 HTML、CSS、JavaScript 构建跨平台桌面应用的框架。
查看官网的教程,根本就安装不了,索性随便查了其他资料总结 配置淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 执行全局安装 cnpm install electron -g 测试 加载一个url index.js const electron = require('electron'); const app = electron.app; const BrowserWindow = electron.Browser
Electron简介 Electron是一个开源的框架,用于构建跨平台的桌面应用程序。它由GitHub开发并于2013年首次发布。Electron允许开发人员使用Web技术(如HTML、CSS和JavaScript)来构建桌面应用程序,同时可以在Windows、macOS和Linux等操作系统上运行。
作为一个前端开发人员,你可能已经听说过Electron了,你知道VS Code是基于这个技术开发的。不但VS Code,
React作为日常使用比较频繁的框架,这里就不详细说明了,这里主要是想通过几篇文章让大家快速上手Electron以及与React完美融合。
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体,它专注于桌面应用而不是 Web 服务器端。
《IMWeb前端月刊》会定期收集每月 IMWeb.io 社区精选好文、前端新闻、版本发布、技术大会,欢迎大家订阅。 IMWeb.io 社区精选好文 从渲染原理到性能优化 或许你正在使用或者了解了React,但你研究过它内部的渲染原理吗?文章详细讲述了react如何根据JSX生成element,element又如何生成真实DOM节点,并通过实际例子,讲解了如何优化组件。 网站性能优化实战 文章详细讲述了浏览器的架构与内核,探究了浏览器渲染机制、事件机制,并由此引出了网站性能优化的方案。 你不知道的 Elect
写在前面 微信小程序使用了前端技术栈 JavaScript/WXML/WXSS。但和常规的前端开发又有一些区别: JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运行在微信 App 的上下文中,不能操作 Browser context 下的 DOM,也不能通过 Node.js 相关接口访问操作系统 API。所以,严格意义来讲,微信小程序并不是 Html5,虽然开发过程和用到的技术栈和 Html5 是相通的。 WXML: 作为微信小程序的
目前网上有好多关于electron相关的文章,但是本人在开发的时候发现,网上大部分文章可以说是千篇一律,没有真正的痛点解析啥的很无语 ,好多的问题都需要自己去找、去试,这无异于加大了开发成本与学习成本,所以本篇博客会从electron 的api 到 electron +vue 组合式开发到 打包 及开发过程中遇见的问题分门别类的进行说明, 当然在最后的文末我会将我写的 electron + vue全家桶的git开源项目附上,需要的话就去git 吧
Electron相当于一个浏览器的外壳,可以把网页程序嵌入到壳里面,可以运行在桌面上的一个程序,可以把网页打包成一个在桌面运行的程序,通俗来说就是软件,比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象,可以构建跨平台桌面程序, 本身支持node.js,可以使用node.js的一些模块
Electron 是一个可以用JavaScript,Html,Css构建桌面应用的库,可以打包部署到Mac,Windows,Linux上。 Chrominum + nodejs + Native api = Electron 两个进程 拥有两种进程:主进程 和 渲染进程。 主进程充当幕后角色,渲染进程是应用程序各个窗口。 主进程 通常是个命名为main.js的文件,该文件是每个Electron应用入口,控制了应用生命周期(从打开到关闭)。 既能调用原生元素,也能创建多个渲染进程。 渲染进程 是应用的一个
在这篇文章中,我暂时会放下Electron与WebView2的一个对比,而聊一聊跨平台这个对于程序员群体来说不陌生的词。
如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的开源框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。
好了,前面两篇铺垫了一些内容,这周终于进行这个话题的核心内容了,就是对于跨平台桌面来说,Electron与WebView2这两个非常类似的技术方案究竟哪个更合适?
从整个流程来看,底层的信息和价值传递很复杂,但是对于普通用户来说,他们接触的还是前端界面,通过DAPP浏览器与去中心化应用交互,来实现具体的功能。那么,目前常见的DAPP浏览器又有哪些呢?
视频通话场景常用于 1v1 视频客服、在线问诊等需要面对面视频沟通的场景,这些原本需要客户安装 App 才能解决的问题,现在只需要使用微信小程序也能轻松搞定了。
当年在百度搜索团队的时候做的一个小工具,可以把一些日常工作自动化,确实解决了一些问题。正值五一,分享点有趣的东西。希望能给大家一些启发。
我有个模版项目是用vue-cli3.x开发的,测试部署已经没问题,突发奇想,能不能打包成exe文件,在桌面运行,开始鼓捣。
Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 前言: 数据存储在应用开发中也是必不可少的一块功能,在Electron开发中支持将数据持久
之前用 electron-vue 写过一个半成品的桌面端应用,但是是基于 Vue2 的,最近又想重写点桌面端应用,想要上 Vue3+TypeScript,于是便有了这篇文章总结下具体的搭建过程。
可能很多读者会感到奇怪,本来是说 Electron,为什么一开始要提到 Node.js 和 JavaScript 呢?它们是什么关系呢?别急,听我慢慢道来。
最近我抽空把myddd-web与myddd-electron从babel迁移至了swc,其效率提升非常多,我觉得这是个非常好的工具,就向大家介绍下。
*免责声明:本站提供的安全工具仅供安全测试、安全研究用途,禁止非法使用 BrowserBackdoor是一款基于Electron框架的后门安全测试工具,使用JavaScript WebSocket来连接监听器。配套的BrowserBackdoorServer是一个WebSocket服务器,用于监听WebSocket连接并创建用于向远程服务器发送命令的命令行接口。 FreeBuf百科: Electron 框架的前身是 Atom Shell,可以让你写使用 JavaScript,HTML 和 CSS 构建跨
前面运行测试用例是直接在运行器里面点击对应的js文件即可运行写好的脚本文件,写完一个项目后,我们希望能用命令行执行全部用例。 cypress 提供了命令行运行用例,可以方便运行单个js脚本,多个js脚本,也可以运行整个项目。
小程序音视频解决方案推出 <trtc-room> 组件,为了能更好的支持在线实时音视频功能,我们针对多种细分场景进行了深度优化,主要包括: _ 视频通话 _ 视频通话场景常用于 1v1 视频客服、在线问诊等需要面对面视频沟通的场景,这些原本需要客户安装 App 才能解决的问题,现在只需要使用微信小程序也能轻松搞定了。 _ _ _ _ _ _ _ 多人会议 _ 在线教育、远程培训等场景都可以理解为是多人会议场景,在这些场景下,除了对通话延迟要求高,最关键的部分就是会议控制能力和屏幕分享能力,比如: _
概述优点:缺点与 Python 前后台的构架对比:环境搭建第一个 electron 程序参考文档
对于 Pythoner 来说,能用 Python 生态内的库写程序,就坚决不用其他语言的库。
该项目是一个系列教学项目,目标是全面示范 Angular 在浏览器、移动端、Electron 环境中的用法,想要学习的小伙伴。建议可以先收藏了!留着慢慢学习。
前端爱好者的知识盛宴 嗨 这里是IMWEB 一个想为更多的前端人 享知识 助发展 觅福利 有情怀有情调的公众号 欢迎关注转发 让更多的前端技友一起学习发展~ 导语 对于大多数前端包括多终端的开发,Electron 可以开发跨平台桌面客户端,在需要开发这类产品时,是个不错的选择。 以下是我以第一视角基于 Electron 开发客户端产品的体验。 正文 Electron 是什么让 Electron 如此迷人? 可能主要是因为,猿类里的亚种——前端开发——又有了新的出路了吧,还没找工作的前端开发,又有了新的
做 Web 技术的朋友,做梦都在想着把同一份代码,编译好了同时可在 Linux, Windows, Andriod, MacOs, iOS 上运行。
如果在 Electron 中使用 React,在 React 组件中调用 Node.js 模块会抛出错误,告知你模块或者模块中的方法不存在,这是因为默认情况下 Electron 模拟的是纯浏览器环境,而浏览器中自然无法直接使用 Node.js 模块,如果需要使用 Node.js 模块,需要进行额外的配置。
领取专属 10元无门槛券
手把手带您无忧上云