【错误出现的地点】最近为财务的一个小伙伴做的对账需求软件。使用了Electron来做一个桌面应用。但是当我引入了node-xlsx这个模块之后,就无法打包出正确的应用。但是直接运行的话,却没有问题。这个问题困惑了我很久。【排查问题的过程】     首先一开始我打包成应用的时候,将源码打包成了asar包。这样的话无法看到打包后源代码的构成。于是我取消了这个选项。&nbs
# Electron打包Java后端的完整指南 在现代应用开发中,Electron 用于构建跨平台的桌面应用,而 Java 后端则为数据处理和业务逻辑提供支持。本教程将引导你如何将 Java 后端Electron 应用结合,并对其进行打包。我们将通过以下步骤完成这一流程: ## 流程概述 以下是整个项目流程的简要概述: | 步骤 | 描述
原创 8月前
121阅读
# 使用 Electron 打包 Java 后端:一个简单的指南 在现代应用开发中,结合前后端技术已成为一个流行的趋势。Electron 是一个用于构建跨平台桌面应用的框架,而 Java 作为后端开发的主要语言之一,常常与前端技术结合。本文将介绍如何使用 Electron 打包和部署 Java 后端应用,并提供一些代码示例以帮助理解。 ## 什么是 ElectronElectron 是一
原创 2024-10-12 06:34:27
293阅读
最近接触的项目需要将前端打包成exe的window客户端,简单研究了一下目前常用的 electron ,感觉很方便很实用,在此分享一下自己的使用心得,不足之处,多多指教!      建议不要下载官网demo,我遇到的第一个坑就是使用了官网demo,可能是电脑系统的原因吧,一直不能安装成功,报错基本为权限问题,后来有幸拜到以为大佬,不遗余力的教我,使我能顺利打
# 使用Electron和Python打包后端应用 在现代软件开发中,跨平台应用的需求越来越高。开发者通常希望能在不同的操作系统上轻松运行应用。Electron为前端开发者提供了一个不错的解决方案,而结合Python作为后端则能使我们充分利用Python的强大功能。本篇文章将展示如何使用Electron和Python打包后端应用,并提供完整的代码示例。 ## 什么是Electron? Ele
原创 11月前
260阅读
Electron 提供SDK接口注入到远端页面使用mainWindow.webContents.executeJavaScript(`   let basePath = process.cwd();   window.Qbian = require(basePath + '//resources//app//index.js');   console.info('--executeJavaScri
转载 2024-06-14 14:21:08
339阅读
# Electron 打包及联合启动 Python 后端 在现代应用开发中,使用 Electron 创建跨平台的桌面应用与使用 Python 开发强大的后端服务的组合非常流行。本文将介绍如何开发一个简单的 Electron 应用,并将其与 Python 后端结合,最终将整个应用打包为可执行文件。 ## 1. 项目结构 首先,我们需要构建一个项目结构,如下: ``` project/ │ ├
原创 2024-09-01 04:31:50
456阅读
# 使用Electron和Python后端进行加密打包 在现代开发中,确保应用程序的安全性非常重要。本文将介绍如何使用Electron框架与Python后端结合,以实现加密打包功能。我们会涉及到基本概念、代码示例,以及一些图表来帮助理解。 ## 什么是ElectronElectron是一个开源框架,主要用于构建跨平台桌面应用程序。它允许使用HTML、CSS和JavaScript等前端技术
原创 8月前
149阅读
目录一、基础搭建通过脚手架搭建1、Electron官方案例搭建环境2、查看调试3、菜单的使用4、图标配置5、项目打包web应用相信每位程序员都不陌生,PC端应用可能会底层开发的就不是太多了,下面的这套技术栈就是为前端程序员快速一键搭建windows、Linux、Mac的PC端应用而生的,只要会React实现Web开发即可。Electron使用很广泛,VScode编辑器就是Electron框架做的。
转载 2023-12-11 12:10:50
383阅读
最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一门技术。对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”。 1.在命令行里安装全局electron: npm install -g electron Ps:在这之前你需要安装nodej
转载 2023-11-23 16:14:26
262阅读
 一、修改项目package.json中的配置# 前端配置 # package.json中修改配置 插入 package "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build --mode production", "build:stage": "vue-
背景:最近公司新起的项目,由于工期、资源等原因,采用ruoyi框架快速实现开发,由于需要构建客户端,所以借助electron来实现。electron 是使用javascript html css来构建跨平台的桌面应用程序。官网地址:简介 | Electron查了很多资料,好像后台管理做成客户端的很少很少,主要参考这篇文章:加上自己的实践,在这里记录一下过程以及踩过的坑。一、基础环境说明node:1
在当今多平台开发中,Electron 是一个流行的解决方案,广泛用于创建跨平台桌面应用程序。然而,在与 Java 的集成和打包过程中,开发者常常会遇到一些挑战。本篇博文将详细阐述如何解决“Electron java打包”的一系列问题,内容包括技术痛点分析、演进历程、架构设计、性能提升、故障复盘等重要模块。 ## 初始技术痛点 随着业务规模的不断扩大,项目需要在多平台上运行,但 Java 和 E
原创 6月前
6阅读
目录Webpack + Vue 搭建开发环境及打包安装 ------- 打包渲染进程Electron + Webpack  搭建开发环境及打包安装 ------- 打包主进程Electron + Webpack + Vue 搭建开发环境及打包安装 ---- 打包electron应用三、打包Election App 应用  在之前的节中已经写了渲染进程的打包,以及主线程的简单打包构建,那么
转载 2023-10-08 10:54:40
22阅读
客户需求,要求vue做一个桌面应用,很久没碰vue了,这里简单记录下。我是用Hbulider X 创建的vue项目,electron打包vue项目为桌面应用。目录结构:打包之前需要简单创建几个vue界面,同时安装axios和router,让页面可以正常跑起来。main.jsimport Vue from 'vue'; import App from './App.vue'; import VueR
作者:laynechen我们知道 Electron 提供了一个类似浏览器,但有更多权限的环境来运行我们的网页,那么 Electron 是怎么做到将我们的网页代码打包成一个可执行程序的呢?这篇文章主要介绍如何打包 Electron 应用,以及分析 electron-builder 是如何对我们的应用进行打包的。如何打包Electron 目前有两种打包工具:electron-userland/elec
Electron打包前端和后端为exe
最近在开发一个项目组内部用的接口自动化测试工具,考虑到生产环境无法连接外网,而且这个工具最好是不需要部署到额外的服务器,即装即用的。所以搜索了一下有什么可以方便快捷开发跨平台桌面应用程序的办法,发现了Electron这个强大的开源库。最近还在学习,遇到了一些坑,所以决定把学习到的内容和遇到的坑及其解决办法记录下来。 1.Electron简介Electron是由Github开发,使用HTM
接到了一个国际银行的项目,有一个需求是要求实现国际化,像谷歌浏览器自带翻译那样,点按钮可以切换英文,繁体,中文来回切换这种效果,琢磨过之后找的资料最多的就是说用i18n,用i18n这个思路没问题,也很简单,下载i18n的插件,配置一下需要翻译的东西就好了,但是像后端的话就比较麻烦了,毕竟i18n也是要手动加要翻译的内容,而我们不可能每加一条数据就手动到配置文件里面加翻译内容的,先搞前端的翻译,然后
本文的初衷Electron所使用的技术栈(JavaScript、NodeJs、HTML、CSS)和web前端工程师完美契合。于是,越来越多的前端工程师,用Electron来开发桌面客户端的开发,我也是其中的一员。虽然Electron技术栈对前端工程师比较友好,但是概念较多,和web前端开发还是有很大差别的,写个入坑指南希望能帮助读者快速上手Electron。了解客户端首先抛出一个问题,web应用是
  • 1
  • 2
  • 3
  • 4
  • 5