构建应用程序

本地构建

Electron

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

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

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

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

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

Tauri

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

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

$ 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

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

最后更新于