前言
本文是基于rust和tauri,由于tauri是前、后端结合的GUI框架,既可以直接生成包含前端代码的文件,也可以在已有的前端项目上集成tauri框架,将前端页面化为桌面GUI。
发文平台
CSDN
环境配置
- 系统:windows 10
- 平台:visual studio code
- 语言:rust、javascript
- 库:tauri2.0
概述
本文是介绍在tauri中,如何将一个tauri项目打包为window下的可执行安装包,exe或者msi格式。
1、创建tauri项目
我们使用以下指令创建一个典型的tauri项目:
npm create tauri-app@latest
项目创建的具体过程就不再赘述,创建完整后,文件结构大致如下:
默认创建的tauri项目,是一个典型的tauri程序,可以使用npm run tauri dev
来运行,首次运行时,需要编译rust代码,因此时间可能会比较长。
但我们不使用默认程序,我们稍作修改,为了方便调试,我们安装一下vite,调试时使用vite构建前端服务器。
npm install vite@latest
然后要对项目中的package.json和tauri.config.json两个文件作一些更改。
package.js中添加:
"scripts": {"dev": "vite","build": "vite build","preview": "vite preview",
tauri.config.json中添加:
"build": {..."devUrl": "http://localhost:5173",
http://localhost:5173是vite服务器的默认地址。
然后修改index.html和main.js:
index.html:
<!doctype html>
<html lang="en"><head>