electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
electron基于Chrome进行页面显示,利用node与系统底层进行交互。所以,学习一些node相关知识,对写好代码很有必要。首先讲一下require模块。1 require模块 1.1模块引用模块引用的示例代码如下:var math = require('math');
var math = require('math');在CommonJS规范中,存在require()方法,这个方法接收
转载
2024-09-02 08:44:23
54阅读
[转载]使用electron构建跨平台Node.js桌面应用经验分享最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得。一、如何使用electron把基本的开发环境给跑起来?我是这么处理的,electron官方提供了一个名为“electron-quick-start”的示例项目,地址
Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行1、环境安装及检查(Node.js 和 npm)命令检查node -vnpm -v2、安装Electron进入项目文件夹后输入命令或直接命令行创建文件夹并进入mkdir my-electron-app &
转载
2024-01-28 02:28:11
785阅读
本章主要内容构建并启动Electron应用生成package.json,配置成Electron应用在你的项目中包含预先构建Electron版本配置package.json以启动主进程从主进程生成渲染进程利用Electron限制宽松的优点构建通常在浏览器无法构建的功能使用Electron的内置模块来回避一些常见的问题在第一章中,我们从高的层次上,讨论了什么是Electron。说到底这本书叫做《Ele
引子最近部门在推进 electron base 的 app 开发。 之前我们采用 electron-builder 做构建,但是由于它不支持客制化 file description,所以我的一个同事开发了一个支持 file description 的程序(包装了 electron-packager)来取代之前的配置(其实我觉得提一个 requet 给 electron-builder 会更好)。后
怎么使用Vue开发Electron应用?有感而结1. 初始化项目2.开发过程2.1 过程2.2 注意点3.打包4.更新维护 陆续开发了小几个月的桌面端应用终于要收官了,软件是作为一款游戏平台的卖家客户端,业务复杂度中等,但是作为第一次接触并开发Electron,其中遇见了不少的问题和注意点,值得回顾与分享1. 初始化项目很简单,先用vuecli创建个项目,再用插件初始化@vue/cli 创建项目
前面的话Electron可以让我们使用web开发的技术去开发跨平台的桌面端应用,我们熟悉的VSCode编译器就是使用Electron开发的。这篇文章介绍如何将Electron接入webpack。主进程启动一个electron应用从一个主进程开始。主进程的启动通过一个JavaScript入口文件实现的。主进程启动后会一直驻留在后台运行,我们操作的窗口并不是主进程,而是由主进程新启动的窗口子进程每一个
转载
2024-07-26 15:30:49
365阅读
当Python项目编码完成之后,有时候我们需要让其在没有Python环境的电脑上运行,此时我们就需要将Python项目进行打包了。本篇文章主要是基于Python的第三方库pyinstaller进行的。使用pyinstaller打包Python项目,相对于C和C#项目的打包要简单很多。项目地址pyinstaller gitpyinstaller安装pip install pyinstaller环境要
转载
2023-11-19 13:06:18
375阅读
Hello,Electron!在这一节中,我们将创建一个最简单的Electron应用1、新建项目 选择新建项目,在左侧项目语言栏选择Node.js项目,项目位置选择自己创建项目的路径,我这里的路径是E:\python\Electron 如果前面环境准备章节没有问题,nodejs和npm安装成功的话,在Node.js项目新建界面底部更多设置会自动识别出node节点解释器的位置以及npm软件包
转载
2023-07-20 14:28:55
488阅读
前言通过Electron技术 + python 构建桌面应用实际上非常麻烦,需要使用python构成后端并打包,然后使用Vue作为前端,还要用Electron打包。
但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现(以及较为完善的多端部署功能),项目可以快速扩展成全平台应用。
所以我在这个博客里记录了Python + Vue Electron 构建桌面应用的方
转载
2023-07-05 22:47:46
3749阅读
# Electron 打包后主程序找不到 Python 程序的解决方案
在软件开发过程中,Electron 被广泛使用来构建跨平台桌面应用程序。然而,使用 Electron 打包的应用程序可能会面临一些问题,其中之一便是主程序找不到 Python 程序。在这篇文章中,我们将深入探讨这个问题,并提供解决方案,确保你的 Electron 应用能够顺利调用 Python 脚本。
## 为什么 Ele
# 使用Electron为Python程序构建前端
在现代软件开发中,前后端分离的架构使得前端技术与后端逻辑能够灵活配合。今天,我们将讨论如何使用Electron为Python程序构建前端。在这篇指南中,我们将循序渐进地展示整个流程,并提供详细的代码示例和解释。
## 整个流程的步骤
下面是实现过程的概要步骤:
| 步骤 | 说明 |
|
写在前面注: 如果您是第二次阅读本文, 推荐直接阅读 快速开始 章节以快速复现最终运行效果.本文所涉及文件已存放在网盘空间: https://www.jianguoyun.com/p/DdlvwhwQ7t6sBxjJkcoB 欢迎下载使用.概述本文是基于一个 python 开发者的角度, 尝试使用 electron 来开发桌面应用.请注意本文只是一个面向新手的文章. 内容涉及 如何让 electr
转载
2023-11-17 19:51:26
475阅读
WIN10 Electron+Python界面开发(通信方式:thrift) Python做界面开发要么繁琐要么太丑,同时Python客户端开发人员又是非常稀少的。而WEB前端工程师一抓一大把,同时WEB前端所开发出来的界面及交互效果都是非常美观的,同时有的软件可能客户端也需要,WEB端也需要,甚至移动端也需要,在要求美观的同时,有没有一个解决方案就能适应所有平台的呢? 没错,目前最好的解决方案就
转载
2023-11-22 16:50:50
241阅读
目录一 .Electron模块介绍二.remote模块三.remote调用BrowserWindow打开新窗口四.Content- Security-Policy一 .Electron模块介绍分为主进程模块和渲染进程模块,有些模块既是主进程模块又是渲染进程模块。官方api文档戳这里二.remote模块remote模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC) 的简便途径。 E
最近意外发现了这个框架,从这框架的说明和我的实践来看,确实是以后 PC 端的主流框架, 大家都知道 electron 的唯二缺点: 1. 性能较差 2.包的尺寸太大.下面给出使用 tauri 的理由tauri 介绍以下介绍来自官方说明:为什么使用 tauri原始Tauri应用程序的打包大小小于3 MB,比Electron的大小小140 MB。内存占用小于使用相同代码库构建的Electron应用程序
客户需求,要求vue做一个桌面应用,很久没碰vue了,这里简单记录下。我是用Hbulider X 创建的vue项目,electron打包vue项目为桌面应用。目录结构:打包之前需要简单创建几个vue界面,同时安装axios和router,让页面可以正常跑起来。main.jsimport Vue from 'vue';
import App from './App.vue';
import VueR
如何打包资源只想写个图形小工具,本质上还是调用写好的 java 程序,因为我觉得在命令行里面来回切目录,复制路径等操作实在是太麻烦了。那么我现在已经搞定了如何从 electron 的 js 事件里获得文件路径,我也搞定了如何在 electron 的 main.js 里面创建新的进程执行指令,那么如何使用到打包好的 jar 包或者其他资源呢?直接看下 packages.json 里面吧。{
"nam
转载
2023-11-02 09:46:25
361阅读
转载:(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用
转载
2024-05-28 17:27:03
90阅读