【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.youkuaiyun.com/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
npm install vue-router@4

# 全部由pnpm实现
pnpm create electron-app@latest my-vue-app --template=vite

pnpm add vue
pnpm add -D @vitejs/plugin-vue
pnpm add vue-router@4

按照官方文档修改对应文件。下面的参考文档是英文版，中文版的其中部分功能用不了。
参考文档：https://www.electronforge.io/guides/framework-integration/vue-3<