当前位置: 首页 > news >正文

【electron】electron forge + vite + vue + electron-release-server 自动更新客户端

基本信息

electron forge vue页面(中文):https://forge.electron.js.cn/guides/framework-integration/vue-3
electron forge vue页面(英文,中文版下面的tab无法点击):https://www.electronforge.io/guides/framework-integration/vue-3
electron release server github link:https://github.com/ArekSredzki/electron-release-server
electron release server csdn说明link:https://blog.csdn.net/jinqiuxin/article/details/136356969

开始实现

服务器部署

数据库

在宝塔中使用PostgreSQL数据库
根据要求创建两个数据库,数据库名如下,但是用户不用太过关注,因为如果使用正常你创建的用户会出现权限问题,需要使用管理员账号
electron_release_server_sessions
electron_release_server
在这里插入图片描述
参考文档https://github.com/ArekSredzki/electron-release-server/blob/master/docs/database.md
在这里插入图片描述
关于其他的说明我们可以不用理会

服务部署

接下来我们开始部署网络上的服务器
参考文档:https://github.com/ArekSredzki/electron-release-server/blob/master/docs/deploy.md

# 查看nodejs版本
node --version
# 查看npm版本
npm --version
# 查看git版本
git --version# 找到目录然后git clone这个库
cd /home/www/wwwroot/
git clone https://github.com/ArekSredzki/electron-release-server.git# 项目初始化
cd electron-release-server/
npm install# 开始配置项目
cp config/local.template config/local.js

开始配置项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

应用创建

引导创建应用

参考文档:https://forge.electron.js.cn/guides/framework-integration/vue-3

# 在本机找到开发目录
# 在开发目录初始化项目  其中`my-vue-app`改成自己的名字
npm init electron-app@latest my-vue-app -- --template=vite# 添加依赖项
npm install vue
npm install --save-dev @vitejs/plugin-vue

按照官方文档修改对应文件。下面的参考文档是英文版,中文版的其中部分功能用不了。
参考文档:https://www.electronforge.io/guides/framework-integration/vue-3
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
其中有个设置需要在main中设置,否则会报错
在这里插入图片描述
process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true';

配置发布

# 安装发布插件
npm install --save-dev @electron-forge/publisher-electron-release-server

参考文档:https://forge.electron.js.cn/config/publishers/electron-release-server
在这里插入图片描述

# 使用的时候可以直接发布
npm run publish

配置自动更新

参考文档:https://www.electronjs.org/zh/docs/latest/tutorial/updates
在这里插入图片描述

此处是一个重点,因为其中平台的部分很容易出现问题,导致拉去的数据不正确
http://111.172.107.13:1337/update/osx_arm64/2.0.0/stable

代码参考
在这里插入图片描述

重大问题

macos中需要设计到代码签名的问题始终无法解决,后续解决掉之后再更新此处。

如何加入路由

参考文档:https://router.vuejs.org/zh/installation.html

加入UI库

配置自动更新

自动更新实践。


http://www.mrgr.cn/news/80336.html

相关文章:

  • tryhackme-Pre Security-Defensive Security Intro(防御安全简介)
  • ragflow连不上ollama的解决方案
  • 【Golang】如何读取并解析SQL文件
  • ensp 单臂路由配置
  • CAD c# 生成略缩图预览
  • 计算机网络-传输层 TCP协议(下)
  • YOLOv9改进,YOLOv9引入DLKA-Attention可变形大核注意力,WACV2024,二次创新RepNCSPELAN4结构
  • 拿到小米 Offer,却迷茫了。。
  • 《数据结构》(408代码题)
  • Vue入门到精通:核心语法—模板语法
  • Ubuntu18安装后基本配置操作
  • vue3实现页签
  • 数据结构之链表算法题
  • 10篇--图像噪点消除
  • 决策曲线分析(DCA)中平均净收益用于评价模型算法(R自定义函数)
  • 期末速成C++【初识C++】
  • 【目标检查】YOLO系列之:Triton 推理服务器Ultralytics YOLO11
  • 在线图片格式转换器 - 加菲工具
  • [2024-12 CISCN 长城杯] Crypto
  • 实现SpringBoot项目嵌入其他项目