前言
本文是基于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>