jjzjj

electronics

全部标签

使用angular和electron 构建桌面应用

使用angular和electron构建桌面应用初始设置新建一个angularappnpminstall-g@angular/clingnewangular-electroncdangular-electron修改src/index.html文件内容将绝对路径改为相对路径,加个点,使electron可以访问到angular文件资源basehref="./">

使用Electron包装ruoyi-ui/ruoyi-vue实践总结

背景:最近公司新起的项目,由于工期、资源等原因,采用ruoyi框架快速实现开发,由于需要构建客户端,所以借助electron来实现。electron是使用javascripthtmlcss来构建跨平台的桌面应用程序。官网地址:简介|Electron查了很多资料,好像后台管理做成客户端的很少很少,主要参考这篇文章:ruoyi-vue|electron打包教程(超详细)_ruoyi打包_七维大脑的博客-CSDN博客加上自己的实践,在这里记录一下过程以及踩过的坑。一、基础环境说明node:16.14.2&&20.3.1推荐nvm来管理切换ruoyi-ui:3.8.3java:20mysql:8.0经

使用Electron打造跨平台程序需要关注的技术点

背景上篇文章已经介绍了使用electronforge+vite+vue3来实现一个桌面应用程序的框架。本文重点介绍完善一个这样的框架的几个通用的需求点及实现方式。需求实现客户端在线升级实现与本地操作系统的交互实现配置信息持久化国际化配置实现跨域访问实现客户端在线升级update.jsconst{app,dialog,autoUpdater}=require('electron');constlog=require("electron-log")autoUpdater.logger=logautoUpdater.logger.transports.file.level="info"constse

我用nodejs和electron实现了一个简单的聊天软件-----chat 开源

翎🎥项目演示地址🔗https://www.bilibili.com/video/BV1Fg4y1u76d/希望观众老爷给个免费的三连支持一下新人up主♻️项目基本介绍翎是基于electron(vue2)和nodejs实现的简单聊天软件,其中用websocket和http进行通讯传递,数据库使用了mysql数据库,该项目功能简单,界面简洁,适合正在练习websocket和vue的小白查看代码,代码量极少且逻辑清晰,每个功能都会添加相应的逻辑供大家观看学习(大佬勿喷)🧧作者自己的配置环境数据库nodejs14.20.1npm🧨部分用户遇到的问题双击chat.exe出现闪退这里大概率就是你的数据库配

一站式解决方案!Electron、Vite和Vue 3助你打造功能丰富桌面应用

背景结合ElectronForge、Vite和Vue3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人肩膀之上。废话不多说,进入正题。本文的所有代码,已经上传github,如果使用,可以直接拿去。而且作者会持续更新它。Electron+Forge+ViteElectronForge官方提供了一个脚手架,且自带Vite模版。npminitelectro

javascript - 如何为 Electron 应用程序提供 Django

我正在尝试创建一个Electron具有Django的桌面应用程序应用程序在其后端。有几个教程和博客提到了如何实现这一点。我已经尝试过这些并且它似乎有效,但是存在一些问题。对我来说,其中一个问题是在这种情况下如何为Django提供服务器?对我来说,目前的做法会造成一些不必要的延迟,使应用程序启动缓慢......通常,创建Django/Electron应用程序需要做的是将Django应用程序打包(我正在使用pyInstaller)到一个独立的可执行文件中,然后将其捆绑到一个Electron应用程序中。问题是在使用pyInstaller打包Django之前,应该使用哪个服务器来为Django

Electron-builder打包和自动更新

Electron-builder打包和自动更新前言文本主要讲述如何为electron打包出来软件配置安装引导和结合github的release配置自动更新。electron-builder是将Electron工程打包成相应平台的软件的工具,我的工程是使用electron-vite构建的,其默认集成了electron-builder,下文也是基于electron-vite生成的工程进行讲解。下文是基于Window平台讲解,所以安装包我也会说成exe文件配置electron-builder有两种配置方式在package.json配置使用electron-builder.yml配置如果打包命令带上—

如何查看桌面应用app是不是基于electron/webui开发

典型案例Typora是一个优秀的基于markdown的笔记软件,那么它是怎么实现markdown文本文件到可视化界面的呢?以mac平台为例,我们在下载安装后,可以在如下目录找到它。如何查看这个应用是不是基于electron等这类web打包的应用依旧以Typora为例,这里我们继续点开可以发现Typora的Content/Resources/TypeMark/appsrc目录下存在大量的js文件,我们甚至可以编辑main.js文件(注意不要随意改动,否则容易大致程序不稳定)。所以接下来的工作就比较简单,如何查看这个应用是不是基于electron这类web打包的应用就变成了看其目录下是否存在大量的

javascript - Electron 中两个渲染器进程之间的通信

我正在编写一个Eletron程序。在程序中有一个由主进程(main.js)创建的索引窗口。在此窗口中有一个文件(图像)列表。当我单击该列表中的一个文件时,我想启动显示该文件的第二个窗口。第二个窗口由索引窗口(index.js)的渲染器进程启动。如何在索引窗口的渲染器进程和第二个窗口的渲染器进程之间进行通信?代码:从main.js中的主进程创建索引窗口:letwin;functioncreateWindow(){//Createthebrowserwindow.win=newBrowserWindow({width:1024,height:768,minWidth:800,minHeig

javascript - Electron 中两个渲染器进程之间的通信

我正在编写一个Eletron程序。在程序中有一个由主进程(main.js)创建的索引窗口。在此窗口中有一个文件(图像)列表。当我单击该列表中的一个文件时,我想启动显示该文件的第二个窗口。第二个窗口由索引窗口(index.js)的渲染器进程启动。如何在索引窗口的渲染器进程和第二个窗口的渲染器进程之间进行通信?代码:从main.js中的主进程创建索引窗口:letwin;functioncreateWindow(){//Createthebrowserwindow.win=newBrowserWindow({width:1024,height:768,minWidth:800,minHeig