Skip to content

构建应用程序

本地构建

Electron

通过在前端开发的构建步骤中生成静态文件

然后将生成的静态文件 .vercel/output/static 手动拷贝到 electron-static/static 目录中,并覆盖原有文件。

最后进入 electron-static 目录执行:

bash
$ npm install
$ npm run build # 生成当前系统的可执行文件
$ npm run build-win # 生成 Windows x64 的可执行文件

如果在执行npm install时出现了electron相关的错误,可参考这篇文章的方法来手动进行安装electron

Tauri

在这之前,请按Tauri的文档配置好相应软件,并确保在前端开发中已经安装好项目依赖

Genshin-Impact-Wish-Simulator 目录下执行:

bash
$ npm run tauri build

通过Github Action自动构建

如果因为一些原因而无法进行构建程序,可以通过CI的方式来进行构建

可直接点击action来使用相应的工作流

工作流名称说明
Build app构建应用程序
Build app with Tauri构建使用Tauri的应用程序
Page构建页面
Release发布Release

CI配置文件在.github/workflows目录下

以下是相应的文件说明:

文件名触发方式说明
page.yml手动触发/连锁/对Genshin-Impact-Wish-Simulator/src文件夹内的文件进行commit提交或发PR构建页面
app.yml手动触发/连锁触发/对electron-static Genshin-Impact-Wish-Simulator/src-tauriGenshin-Impact-Wish-Simulator/src文件夹内的文件进行commit或发PR构建应用程序
tauri.yml手动触发/连锁触发构建使用Tauri打包的应用程序
release.yml提交含v**的tag发布Release

以上文件有存在相互调用的情况,这样子的话可以避免重复造轮