草庐IT

electron-vite

全部标签

javascript - 网址方案 : open windows application on request [Electron]

我有一个php网站和一个基于electron的桌面应用程序我希望能够打开我在客户点击我网站上的按钮时创建的这个应用程序,我该怎么做?例如,假设我有一个聊天网站和一个聊天应用程序,并且用户喜欢使用应用程序而不是网站,所以在他将我的应用程序安装到他的Windows机器上然后转到网站单击我的按钮后想要应用程序自己打开它!我怎样才能做到这一点? 最佳答案 Electron提供了app.setAsDefaultProtocolClient专门用于该目的的API。 关于javascript-网址方案

vite (vue3)配置内网 ip 访问 方法

本项目框架(vue3):Vite+TS如果没有进行配置,运行项目之后,看到的访问地址是本地访问地址,其他人访问不了。如下:如果想要其他人也可以访问,需要设置内网ip访问地址,设置方法如下:一、配置“vite.config.ts”文件在项目根目录下的“vite.config.ts”文件中,添加serve配置“host:‘0.0.0.0’”,即添加以下代码:server:{host:'0.0.0.0'},如图所示:添加server配置后保存“vite.config.ts”文件,并重新运行项目---npmrundev可以看到本地localhost访问地址+内网访问地址,这两种方式的访问地址,如下:这

Vite 打包性能优化

Vite打包性能优化开始一个Vite+ts项目分包策略gzip压缩cdn加速开始一个Vite+ts项目这里我们开始了一个Vite+ts的项目,其中关于ts的配置直接看内容注释即可npminit-ynpmivite-Dnpmvite-plugin-checker-D#用来强制提示ts报错DOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">title>Documenttitle>head>body>scriptsrc="./src/main.ts"type="module">script>body>html>//tsconfig.json{"com

vite中配置less,vue3中配置less

前言  如果赶时间请直接使用目录跳到解决问题的部分。    使用的项目使用vue脚手架生成。npminitvue@latest版本如下"@vitejs/plugin-vue":"^5.0.4","vue":"^3.4.21"  由于近期在学less,心想如果不能将其应用到vue项目中,无异于纸上谈兵。于是立即用vue脚手架创建了一个新的vue项目,兴冲冲地安装上了less依赖,于是漫长之路开始了。  目的  需要强调的是,我们的目的是,在各个vue文件中,可以不引入全局less文件就能使用less变量。过程注意,这个是踩坑过程,不要跟着这个做。安装依赖cnpminstall-Dlessless

注意!Electron 无法获取设备ID了!

大家好,我是杨成功。在桌面应用开发中,常常需要获取设备唯一ID来表示当前客户端的唯一性。一般的设备ID需要满足两个条件:基于硬件和系统配置生成,确保设备的唯一性。只要不重装系统,设备ID多次获取都是唯一的。node-machine-id 是一个常用的Node.js模块,它能够在Electron中获取机器的唯一标识。我们的产品就是使用该模块,用法也很简单:import{machineIdSync}from'node-machine-id';letid=machineIdSync();但是昨天出现了问题,排查结果是多台设备获取的ID竟然是一样的,造成了一些设备的数据被篡改,我从issues中找到了

vue3+vite+ts使用monaco-editor编辑器

前言近期要完成一个代码编辑器的内容,用的vue3.0+ts+vite架构,学习尚浅,常在插件上遇坑特此记录下在monaco-editor的使用需求:yaml和sql的文件的高亮、补全实现安装//^0.34.1yarnaddmonaco-editor在vite.config.js中配置(如果不需要ts\js\html就不需要这么做)//强制预构建插件包optimizeDeps:{include:[`monaco-editor/esm/vs/language/json/json.worker`,`monaco-editor/esm/vs/language/css/css.worker`,`mona

Selenium 测试 Electron 应用

Electron 介绍Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和 Node.js 到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows、macOS和Linux上运行的跨平台应用。•有哪些应用有许多我们常见的桌面应用,比如postman/apifox、slack、VSCode/Atom、Trello、appium-desktop、github-desktop等,都是基于electron构建的。selenium测试Electron应用使用过appium-desktop的同学,应该发现,在应用

五大跨平台桌面应用开发框架:Electron、Tauri、Flutter等

hello,我是贝格前端工场,本次介绍跨平台开发的框架,欢迎大家评论、点赞。一、什么是跨平台桌面应用开发框架跨平台桌面应用开发框架是一种工具或框架,它允许开发者使用一种统一的代码库或语言来创建能够在多个操作系统上运行的桌面应用程序。传统上,开发者需要为每个操作系统编写不同的代码,使用不同的开发工具和语言。而跨平台桌面应用开发框架通过抽象底层操作系统的差异,提供一套统一的API和工具,使开发者能够在一个代码库中编写应用程序,并将其部署到多个平台上。跨平台桌面应用开发框架可以分为两种类型:基于Web技术的跨平台桌面应用开发框架:这种框架使用Web前端技术,如HTML、CSS和JavaScript来

vue3和vite项目的axios的配置封装(含proxy跨域)

创建好vite项目安装axios模块npminstallaxios在src同级目录创建uitls/http.js,加入以下内容importaxiosfrom"axios";import{Toast}from"vant";//console.log("import.meta.env",import.meta.env.VITE_API_URL);//创建一个新的请求实例instance,instance.的用法和axios.的用法一致,可以使用instance({})、instance.get()、instance.post()constinstace=axios.create({baseURL:

手把手完成前端Vue3 + Vite项目工程化搭建

vue3_vite_project基于Vue3+Vite搭建的前端工程化项目演示模板环境准备开发环境:Node.jsv16.14.2+npmv8.3.2开发工具:VisualStudioCodeorWebStorm源代码管理:Gitnpm镜像:npmconfigsetregistryhttps://registry.npmmirror.com技术栈技术栈描述Vue渐进式JavaScript框架Vite新一代前端开发与构建工具ElementPlus基于Vue3,面向设计师和开发者的组件库Pinia符合直觉的Vue.js状态管理库vue-routerVue.js的官方路由管理库SassCSS预处理